命名規(guī)范
標(biāo)準(zhǔn)
- 推薦使用中劃線連接單詞，比如login-bg
- 遵循一套命名規(guī)范
- css選擇使用class园匹，避免使用id雳刺，id一般用來標(biāo)注js
- 所有的屬性都使用雙引號
"",不要使用單引號'' - 盡量使用最少的html結(jié)構(gòu)
- 能使用標(biāo)簽的盡量使用標(biāo)簽（常用標(biāo)簽表）
- 盡量不要使用js生成的標(biāo)簽，不易于調(diào)試裸违，而且會降低性能
-
命名
-
首頁
- 頂部（top-bar）
- logo（logo掖桦，可以加
<h1>標(biāo)簽） - 背景（bg或者background）
- 導(dǎo)航（
<nav>標(biāo)簽）- 主頁（home）
- 激活狀態(tài)（active）
- 下拉菜單（drop-down）
- 子導(dǎo)航&內(nèi)頁導(dǎo)航（subnav）
- 輪播（banner）
- 側(cè)邊欄（sidebar）
- 公眾號（二維碼QR，微信wechat供汛，微博weibo）
- 去往頂部（go-top）
- 按鈕（btn或者使用
<button>標(biāo)簽） - 容器（container）
- 更多（more）
- 關(guān)于（about）
- 聯(lián)系（contact）
- 新聞（news）
- 頭條（headline）
- 摘要（info）
- 搜索（search）
- 標(biāo)題（title或tit）
- 小標(biāo)題或英語標(biāo)題（用
<small>標(biāo)簽枪汪，比如<h2>主標(biāo)題 <small>副標(biāo)題</small> </h2>） - 頁腳（用
<footer>） - 友情鏈接（links）
- 地址（add或者address）
- 移動電話，手機(jī)（mobile或mobile-phone）
- 固定電話（tel）
- 電子郵箱（email）
- 傳真（fax）
- 網(wǎng)站地圖（sitemap）
- 地圖（map）
- 廣告（ad）
- 列（
column或col怔昨，講一行分為10列雀久，占一半的就col-5，以此類推）
-
列表頁
- 新聞列表（news-list）
- 圖文列表（pic-list）
- 略縮圖（thumbnail）
- 列表標(biāo)題（
<strong>標(biāo)簽） - 作者（editor）
- 發(fā)表時間（date）
- 來源（source）
- 點擊數(shù)（click）
- 收藏（love）
- 當(dāng)前位置（cur或current）
- 頁碼（page）
-
內(nèi)容詳情頁
- 標(biāo)題（
<h1>標(biāo)簽趁舀，利于seo優(yōu)化赖捌，一個頁面一般只有一個<h1>） - 內(nèi)容（
<article>標(biāo)簽） - 分享（share）
- 上下頁（page-turn）
- 內(nèi)頁聯(lián)系方式（in-contact）
- 內(nèi)頁banner（in-top）
- 標(biāo)題（
-
