HTML 5代碼規範

標籤：style   http   io   os   使用   java   ar   strong   for   

 

　　1.協議頭：

　　建議在指向圖片或其他媒體檔案、樣式表和指令碼的URL地址中省略http：https:協議部分，除非已知相應檔案不能同時相容2個協議。

　　註：這個倒是真正平日不注意的，只要是絕對位址，http：總是帶著。如果仔細想一想，還真有道理。

　　2.縮排：每次縮排使用雙空格

　　不要使用tab定位字元或定位字元加空格的混合方式縮排

　　3.大小寫：只使用小寫

　　所有的代碼都應是小寫，包括元素名稱、屬性，屬性值(除非text或CDATA的內容)、選取器、css屬性、屬性值(字串除外)

　　4.尾隨空格

　　尾隨空格是不必要的，容易搞複雜diff檔案。這個絕對是經驗教訓的總結!!!

　　5.編碼格式：使用UTF-8

　　請確保您的編輯器使用的字元編碼??為UTF-8，沒有位元組順序標記。在html模板或文檔中通過 來

　　定義編碼格式。關於編碼格式參考 Character Sets & Encodings in XHTML, HTML and CSS

　　6.注釋

　　根據需要解釋代碼，這個就不多說了，團隊開發這個非常重要，儘管很多時候大家不願意遵守，但確實重要!!!

　　7.TODO待定項

　　尚未實現的或待定的內容一定要標識強調出來，利用TODO辨識，而非其他諸如@@來強調。

　　在todo項中如果有必要列明連絡人，比如負責人

　　在TODO後追加一個冒號作為行動內容，例如 TODO：為美瑞網增加html5模板

　　8.文件類型：使用HTML5

　　使用.HTML(text/html)類型檔案相對XHTML(alication/xhtml+xml)檔案，在瀏覽器及架構支援上和最佳化空間上都要好很多。

　　9.HTML 合法性驗證

　　合法的使用HTML，並利用w3c的工具(W3C HTML validator)進行檢查。唯一例外就是因為效能原因需要壓縮檔大小。

　　原文如下：Use valid HTML code unless that is not possible due to otherwise unattainable performance goals regarding file size. 但這個確實很難想象，省略標籤節省的檔案大小能有多少位元組？但帶來的問題可是風險居高哦!

　　10.語義性

　　根據目的來合理使用HTML，這點對於HTML5而言尤為重要。下面例子可以對比，能實現同樣的結果，但效率和可讀性卻有很大差別。

　　對於HTML5而言，例如header、footer、nav、section等跟div能實現的功能基本類似，但是語義性上有著天壤之別。

　　11.多媒體後備：為多媒體提供備選內容

　　這個屬於老生長談的內容，典型就是為img添加alt內容。

　　12.關注點分離

　　這點很重要，嚴格遵守將組織圖(markup)、表現樣式(style)和行為動作(script)分開處理的原則，並且盡量使三者之間的關聯度降到最小。這主要是基於維護性的考慮，通常，更新style檔案或指令檔比更改HTML檔案的代價要小很多，試想一下，對於一個有超過10萬頁面的網站進行局部顏色調整，是每個html檔案修改容易還是修改一個style檔案容易？

　　可選Tags：省略可選的標籤

　　13.實體引用

　　假定Team Dev內，檔案和編輯器都是使用同樣的編碼格式(UTF-8)，則沒有必要使用實體引用的方式，例如—，”, or ? 除非一些HTML中具有特定含義的字元，如”<”,或不可見字元如空格

　　14.Type屬性：省略

　　將樣式表和指令碼中的Type省略，除非你不是用的css或javascript，在HTML5中，該值預設是text/css和text/javascript

　　15.block，list或table元素

　　針對每個block，list或table元素另起一行，並在每個子項目前縮排。這樣可讀性好

HTML 5代碼規範