1. 程式人生 > >HTML的代碼規範

HTML的代碼規範

javascrip ati rip 用兩個 們的 edge -c utf 文件

一、語法

  1. 用兩個空格來代替制表符(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 代碼時,盡量避免多余的父元素。很多時候,這需要叠代和重構來實現。請看下面的案例:

技術分享圖片

HTML的代碼規範