一、語法 用兩個空格來代替製表符(tab) 2.嵌套元素應當縮進一次(即兩個空格)。 3.對於屬性的定義,確保全部使用雙引號,絕不要使用單引號。 4.不要省略可選的結束標簽(例如,</li> 或 </body>)。 二、IE 相容模式 每個頁面都添加<meta>標簽,從而通知 IE 採用其所支持的最 ...
一、語法
-
用兩個空格來代替製表符(tab) 2.嵌套元素應當縮進一次(即兩個空格)。 3.對於屬性的定義,確保全部使用雙引號,絕不要使用單引號。 4.不要省略可選的結束標簽(例如,</li> 或 </body>)。
二、IE 相容模式
每個頁面都添加<meta>標簽,從而通知 IE 採用其所支持的最新的模式。 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
三、字元編碼
每個頁面都添加<meta>標簽,從而全部與文檔編碼一致(一般採用 UTF-8 編碼)。 <meta charset="UTF-8">
四、引入 CSS 和 JavaScript 文件
根據 HTML5 規範,在引入 CSS 和 JavaScript 文件時一般不需要指定 type屬性,因為 text/css 和 text/javascript 分別是它們的預設值。
五、屬性順序
HTML 屬性應當按照以下給出的順序依次排列,確保代碼的易讀性。
例子:
六、布爾(boolean)型屬性
布爾型屬性可以在聲明時不賦值。XHTML 規範要求為其賦值,但是 HTML5 規範不需要。 簡單來說,就是不用賦值。 例子:
七、減少標簽的數量
編寫 HTML 代碼時,儘量避免多餘的父元素。很多時候,這需要迭代和重構來實現。請看下麵的案例: