HTML優秀文章，工具，面試題收藏
04-14
標籤和屬性
- HTML Cheat Sheet
- HTML標籤大全
- <head> cheatsheet
META 標籤
META 標籤用來描述一個HTML網頁文檔的屬性，例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。
- 前端 Meta 用法大匯總
- 手機頁面的一些有用的meta
Favicon
Favicon 是收藏夾圖標。收藏夾圖標就是出現在瀏覽器地址欄左側的那個小圖標。
讓不同的移動設備都很好的顯示 Favicon，有點難。
- Favicon Cheat Sheet
標籤語義化
選擇合適的 HTML 標籤以和屬性，使開發者、機器能更好的理解文檔。
- 標籤語意規範
- 選擇合適的塊級HTML標籤流程圖
文檔類型和渲染模式
瀏覽器根據文檔類型來決定該用何種方式來渲染頁面。
- 文檔類型和渲染模式
- Quirks Mode and Standards Mode
轉義字元
在 HTML 中，某些字元是預留的。如，在 HTML 中不能使用小於號（<）和大於號（>），這是因為瀏覽器會誤認為它們是標籤。如果希望正確地顯示預留字元，我們必須在 HTML 源代碼中使用字元實體（character entities）。
- HTML ISO-8859-1 支持的字符集與寫法
關於ARIA(網頁無障礙)
Accessible Rich Internet Applications 簡稱 ARIA。
ARIA 是一個通過給自定義元素添加一些語義化的說明，來提高殘障人士對頁面的可訪問性的W3C規範。比如,我們用ul和li來自定義了一個select下拉框。如何讓盲人用戶知道我們使用li標籤是用來模擬標準select控制項呢？根據規範，我們可以給ul加
role="listbox"來標識這是個下拉框。
- ARIA讓視障人士更了解你的頁面
- Web Content Accessibility Guidelines
代碼片段
- HTML代碼片段
- CSS Tricks HTML 代碼片段
- 圖片佔位服務 Placeholder
- 工具
- Emmet 快速補全代碼。
- Placeholders 生成佔位 HTML 佔位標籤。
面試題
- HTML相關的面試題
Web 標準
- HTML Living Standard WHATWG WHATWG
- W3C規範 中文翻譯 和 HTML5中文小組主頁
工具
- Markup Validation Service 標籤格式驗證。
- Code Beautify 支持對 HTML 壓縮和格式化
推薦閱讀：
※前端日刊-2017.11.15
※CSS 魔法師（技術周刊 2018-03-02）
※前端日刊-2018.01.08
※前端日刊-2017.11.24
※前端日刊-2018.02.11