HTML代碼規(guī)范
通過學(xué)習(xí)基本的HTML和CSS就能在瀏覽器上看到實際的效果，可是要寫好的HTML，就不是那么容易了。這里將和大家分享HTML規(guī)范，希望大家讀完之后都能夠有所收獲。本文將主要以下面三個部分展開：
- HTML整體結(jié)構(gòu)
- HTML代碼格式
- HTML內(nèi)容語義
第一部分：HTML整體結(jié)構(gòu)
1.HTML基礎(chǔ)設(shè)施
文件應(yīng)以<!DOCTYPE.....>首行頂格開始，這句話告訴瀏覽器這是一個什么文件，我們推薦使用<!DOCTYPE html>。
必須在head元素內(nèi)部的meta標簽內(nèi)聲明文檔的字符編碼charset, 如：<meta charset="UTF-8">，這句代碼告訴瀏覽器應(yīng)該此HTML文件使用的字符集是什么，如果不加此行代碼，那么在瀏覽器中可能顯示為亂碼。
頁面的title是極為重要的不可缺少的一項。
2.HTML代碼結(jié)構(gòu)和視覺順序基本保持一致
按照從上之下，從左到右的視覺順序書寫HTML結(jié)構(gòu)。
有時候為了便于搜索引擎抓取，我們也會將重要內(nèi)容在HTML結(jié)構(gòu)順序上提前，以為搜索引擎抓取網(wǎng)頁內(nèi)容是自上而下的，所以將重要內(nèi)容在HTML結(jié)構(gòu)順序上提前可便于抓取重要的內(nèi)容。
盡量不要使用table布局，現(xiàn)在基本上被淘汰了，而應(yīng)該代之以div來布局，方便控制。
保持良好的樹形結(jié)構(gòu)
第二部分：HTML代碼格式
說明文案的注釋方法
- 開始注釋：
<!-- 注釋文案 -->
- 結(jié)束注釋：
<!-- /注釋文案 -->
- 允許只有開始注釋。
嚴格嵌套
應(yīng)當(dāng)以最嚴格的xhtml strict標準來嵌套，不如內(nèi)聯(lián)元素不能包含塊級元素等等。
正確閉合標簽且必須閉合。
嚴格的屬性
每個屬性都必須有一個值，每個值必須加雙引號。
沒有值的屬性必須使用自己的名稱做為值（checked、disabled、readonly、selected等等）。
可以省略style標簽和script標簽的type屬性。
第三部分：HTML內(nèi)容語義
加強資源型內(nèi)容的可訪問性和可用性。比如在img標簽內(nèi)加入alt屬性，在audio內(nèi)加入文案和鏈接等等。
加強不可見內(nèi)容的可訪問性，比如背景圖片的文字應(yīng)該同時卸載HTML中，并使用css使其不可見，有利于搜索引擎抓取你的內(nèi)容，也可在css失效的情況下看到內(nèi)容。
適當(dāng)使用實體，以實體代替與HTML語法相同的字符，避免瀏覽器解析錯誤。
