HTML5編碼規(guī)范

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

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

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

3、必須符合標簽的嵌套規(guī)則，例：div不得置于p中，tbody必須置于table中。[建議]標簽的使用必須遵循標簽的語義，例：p-段落h1,h2,h3,h4,h5,h6-層級標題strong,em-強調(diào)ins-插入del-刪除abbr-縮寫code-代碼標識cite-引述來源作品的標題q-引用blockquote-一段或長篇引用ul-無序列表ol-有序列表dl,dt,dd-定義列表[建議]在CSS可以實現(xiàn)相同需求的情況下不得使用表格進行布局。1.4屬性[強制]屬性必須使用小寫字母，其屬性值必須用雙引號包圍。[建議]布爾類型的建議不添加屬性值。自定義屬

4、性建議以xxx-為前綴，推薦使用data-1.5所有編碼均遵循xhtml標準,標簽&屬性&屬性命名必須由小寫字母及下劃線數(shù)字組成,且所有標簽必須閉合,包括br(
),hr(