標籤: HTML 頁1

教學

[HTML] 什麼是 favicon? 以及如何設定

favicon 指的是瀏覽器網頁前面的圖示,可以透過 HTML 的設定指定圖片。

網路資源

HTML5 Security Cheatsheet- 收錄了網頁前端各種需要認識的資安相關知識的網站

HTML5 Security Cheatsheet 是一個收錄了網頁前端各種需要認識的資安相關知識的網站。

教學

設定 Youtube 嵌入時可以取消控制選單、推薦影片

說明如何在嵌入 Youtube 時取消控制介面以及推薦影片的內容。

網路資源

[VS Code 擴充套件] Auto Close Tag- 自動幫你封閉 HTML 標籤

Auto Close Tag 是一個當你打好 HTML 標籤前半邊,就會自動生成後半邊的 VS Code 擴充套件,也是很實用的套件建議大家都可以裝一下。

網路資源

[VS Code 擴充套件] Auto Rename Tag- 變更標籤名稱時自動幫你設定前(後)標籤的內容

Auto Rename Tag 可以讓你在要修改 HTML 標籤的時候,自動幫你修改封閉標籤前(後)的名稱。

教學

網頁建議設定的 Meta data 資料,可以加強 SEO

說明網頁可以設置的 HTML Meta tag 與內容建議。

網路資源

Cheatography- 收錄超過 5000 則 Cheat Sheets 的網站,包含程式語言、軟體以及遊戲...等

Cheatography 是一個收錄了超過 5000 則 Cheat Sheets 的網站,包含程式語言、軟體以及遊戲...等,如果是程式工程師,可以在上面找到像是 PHP、CSS、javascript、MySQL...的 Cheat Sheets。

網路資源

Rico’s cheatsheets- 收錄許多 web 相關程式語言語法的網站

Rico’s cheatsheets 是一個收錄許多 web 相關程式語言語法的網站,包含 HTML、javascript、CSS、git、資料庫,前端的框架、函式庫還有後端的許多程式語言都有收錄,可以給做相關工作的參考。

網路資源

HTML Cheat Sheet- 收錄 HTML、CSS 以及 javascript 相關的功能摘要以及簡單的產生器

HTML Cheat Sheet 是一個收錄 HTML、CSS 以及 javascript 相關的功能摘要的網站,裡面還有各自分類的可以產生相關語法的簡單的產生器。

網路資源

HTML5 Element Index- 依字母順序的 HTML 標籤與說明

HTML5 Element Index 是一個依字母的順序與說明的用來讓使用者可以快速查詢 HTML 標籤用法的網站。

網路資源

Unminify- 讓你的 CSS, javascript, XML, HTML 和 JSON 的 code 更漂亮以及更有可讀性的線上工具

Unminify 是一個方便的線上工具,只要貼上你的 CSS, javascript, XML, HTML 或 JSON 的 code,就可以轉換成更漂亮以及更有可讀性的內容。

網路資源

Code Guide- 提供建議讓你的 HTML 及 CSS 可以寫得更好

Code Guide 是一個提供建議讓你的 HTML 及 CSS 可以寫得更好的線上教學網站,內容不算多,好好看過一遍可以加強自己寫 Code 的習慣。

教學

瀏覽器原生的 lazy-loading 方法

以往我們想用圖片緩讀的話都會掛一隻 lazyload 的 js,現在 Chrome 宣布在版本 75 將有機會直接用 web 原生作照片緩讀的功能。

教學

HTML 的 progress 標籤,與自訂樣式的方法

progress 是 HTML5 之後提供的一個新的標籤,使用方法就是在上面設定 value 跟 max,就能自動顯示進度條百分比了。

教學

HTML 的 meter 標籤

認識一下 HTML 比較冷門的一個標籤 meter。

教學

HTML5 透過 accept 屬性設定上傳檔案的格式限制

HTML5 可以直接在 input 欄位設定可以接受的檔案格式,只要在 accept 屬性裡加上允許的檔案格式副檔名就好了。

教學

使用 HTML 原生的 dialog,讓製作彈出視窗更簡單

HTML 的 dialog 是一個新的標籤,如同其語意,可以讓我們更輕鬆製作可以和使用者互動的提示訊息框。

網路資源

GDB online Debugger- 好用的線上撰寫程式與編譯工具,支援大多數熱門程式語言

GDB online Debugger 是一個可以撰寫一些常見的程式語言像是 C, C++, Python, PHP, Ruby, C#, VB, Perl, Swift, Prolog, Javascript, Pascal, HTML, CSS, JS 的網站。