很多H5的初級(jí)學(xué)者對(duì)于標(biāo)簽的類名不知道如何去起，經(jīng)常會(huì)出現(xiàn)用拼音或者a1、a2、這類很不規(guī)范的詞語來命名，這樣不但讓其他人無法看懂你的代碼還會(huì)讓自己陷入混亂，在之后的修改過程中遇到很多棘手的問題。下面我就介紹一些關(guān)于H5的一些基本標(biāo)簽的名字：

1.Css文件命名:

模塊：module.css ? ? ? ? ? ? ? ??基本共用：base.css ? ? ? ? ? ? ? ? ?布局、版面：layout.css?

主題：themes.css ? ? ? ? ? ? ? ??專欄：columns.css ? ? ? ? ? ? ? ? ??文字：font.css

表單：forms.css ? ? ? ? ? ? ? ? ? 補(bǔ)?。簃end.css ? ? ? ? ? ? ? ? ? ? ? ?打印：print.css

2.頁面框架命名強(qiáng)制書寫必須使用

頁眉H5新語義化標(biāo)簽 ? <header>

導(dǎo)航H5新語義化標(biāo)簽 ? <nav>

頁腳H5新語義化標(biāo)簽 ? ?<footer>

3.無H5新標(biāo)簽的頁面框架，一般具有唯一性，推薦用ID命名。

主體 ? ? 使用main命名。

內(nèi)容 ? ? 使用container命名。

側(cè)欄 ? ? 使用sidebar命名。

欄目 ? ? 使用column命名。

外圍整體布局寬度 ? 使用wrapper命名。

4.頁面結(jié)構(gòu)命名

左右中：left?right?center

子導(dǎo)航：subnav ? ? ? ? ? ?頂導(dǎo)航：topnav ? ? ? ??邊導(dǎo)航：sidebar ? ? ??

左導(dǎo)航：leftsidebar ? ? ?右導(dǎo)航：rightsidebar

菜單：menu ? ? ? ? ? ? ? 子菜單：submenu

標(biāo)題:?title ? ? ? ? ? ? ? ? ?摘要:?summary+功能 ? ?

標(biāo)志：logo ? ? ? ? ? ? ? 廣告：banner

登陸：login ? ? ? ? ? ??登錄條：loginbar ? ? ? ? ?注冊(cè)：regsiter

搜索：search ? ? ? ? ??功能區(qū)：shop ? ? ? ? ? ? ? 標(biāo)題：title

加入：joinus ? ? ? ? ? ?狀態(tài)：status ? ? ? ? ? ? ? ?按鈕：btn

滾動(dòng)：scroll ? ? ? ? ? ?標(biāo)簽頁：tab ? ? ? ? ? ? ? ? ?文章列表：list

提示信息：msg ? ? ? ?

5.模塊結(jié)構(gòu)命名

友情鏈接：friendlink

版權(quán)：copyright

滾動(dòng)：scroll

小技巧：tips

指南：guild

服務(wù)：service

投票：vote

合作伙伴：partner