HTML5編碼規(guī)范

《HTML5編碼規(guī)范》由會員上傳分享，免費在線閱讀，更多相關內容在行業(yè)資料-天天文庫。

1、HTML5編碼規(guī)范規(guī)范目的本文檔的目標是使HTML5代碼風格保持一致，容易被理解、維護和升級，提高團隊協(xié)作效率,便于后臺人員添加功能及前端后期優(yōu)化維護,輸出高質量的文檔,同是為網站有一個更好的前端架構，網站的發(fā)展及未來打好一個基礎?；緶蕜t符合web標準,語義化html,結構表現(xiàn)行為分離,兼容性優(yōu)良.頁面性能方面,代碼要求簡潔明了有序,盡可能的減小服務器負載,保證最快的解析速度.文件規(guī)范1、html,css,js,images文件均歸檔至約定的目錄中。2、html文件命名:必須單詞全字母小寫，單詞間以

2、-分隔，依實際模塊命名，如果同一模塊以_&title&_來組合命名,以方便添加功能時查找對應頁面，團結里的相互理解。HTML5代碼規(guī)范1.代碼風格1.1縮進與換行[建議]使用4個空格作為一個縮進層級。[建議]模板代碼的縮進優(yōu)先保證HTML代碼的縮進規(guī)則。1.2命名規(guī)則[強制]class：必須單詞全字母小寫，單詞間以-分隔，且必須代表相應的模塊或部件的內容或功能，不得以html內置樣式進行命名，命名應該具有明確的語義。[強制]id：必須保持在頁面中的唯一性，命名應該具有明確的語義。1.3標簽[強制]Ht

3、ml中的標簽名必須使用小寫字母。[強制]標簽的閉合要符合html5的規(guī)定。[強制]標簽的使用必須符合標簽的嵌套規(guī)則，例：div不得置于p中，tbody必須置于table中。[建議]標簽的使用必須遵循標簽的語義，例：p-段落h1,h2,h3,h4,h5,h6-層級標題strong,em-強調ins-插入del-刪除abbr-縮寫code-代碼標識cite-引述來源作品的標題q-引用blockquote-一段或長篇引用ul-無序列表ol-有序列表dl,dt,dd-定義列表[建議]在CSS可以實現(xiàn)相同需求的

4、情況下不得使用表格進行布局。1.4屬性[強制]屬性必須使用小寫字母，其屬性值必須用雙引號包圍。[建議]布爾類型的建議不添加屬性值。自定義屬性建議以xxx-為前綴，推薦使用data-1.5所有編碼均遵循xhtml標準,標簽&屬性&屬性命名必須由小寫字母及下劃線數(shù)字組成,且所有標簽必須閉合,包括br(
),hr(

5、,內聯(lián)元素中不可嵌套塊級元素;目的：減少代碼量，1.7盡可能減少div嵌套,如歡迎訪問XXX,您的用戶名是用戶名