（三）HTML 规范
HTML 規(guī)范 （Vue Template 同樣適用）
- HTML 類(lèi)型
- 縮進(jìn)
- 分塊注釋
- 語(yǔ)義化標(biāo)簽
- 引號(hào)
- 樣式和腳本代碼位置
- 表單元素
- 圖片
- HTML中id命名
HTML 類(lèi)型
推薦使用 HTML5 的文檔類(lèi)型申明： .
（建議使用 text/html 格式的 HTML。避免使用 XHTML。XHTML 以及它的屬性，比如 application/xhtml+xml 在瀏覽器中的應(yīng)用支持與優(yōu)化空間都十分有限）。
規(guī)定字符編碼
IE 兼容模式
規(guī)定字符編碼
doctype 大寫(xiě)
正例：
縮進(jìn)
縮進(jìn)使用 2 個(gè)空格（一個(gè) tab）
嵌套的節(jié)點(diǎn)應(yīng)該縮進(jìn)。
分塊注釋
在每一個(gè)塊狀元素，列表元素和表格元素后，加上一對(duì) HTML 注釋。注釋格式
語(yǔ)義化標(biāo)簽
HTML5 中新增很多語(yǔ)義化標(biāo)簽，所以?xún)?yōu)先使用語(yǔ)義化標(biāo)簽，避免一個(gè)頁(yè)面都是 div 或者 p 標(biāo)簽
正例
<header></header> <footer></footer>反例
<div><p></p> </div>引號(hào)
使用雙引號(hào)(" ") 而不是單引號(hào)(’ ') 。
正例： ``
反例： ``
樣式和腳本代碼位置
非特殊情況下樣式和腳本代碼必須獨(dú)立于xhtml代碼于外部文件中，樣式文件必須外鏈至…之間，渲染執(zhí)行腳本必須外鏈至頁(yè)面底部;
表單元素
必須為含有描述性表單元素(input,textarea)添加label;
圖片
圖片必須加上alt屬性;給重要的元素和截?cái)嗟脑丶由蟭itle;
能以背景形式呈現(xiàn)的圖片,盡量寫(xiě)入css樣式中;
HTML中id命名
(1)頁(yè)面結(jié)構(gòu)
容器: container
頁(yè)頭：header
內(nèi)容：content/container
頁(yè)面主體：main
頁(yè)尾：footer
導(dǎo)航：nav
側(cè)欄：sidebar
欄目：column
頁(yè)面外圍控制整體布局寬度：wrapper
左右中：left right center
(2)導(dǎo)航
導(dǎo)航：nav
主導(dǎo)航：mainbav
子導(dǎo)航：subnav
頂導(dǎo)航：topnav
邊導(dǎo)航：sidebar
左導(dǎo)航：leftsidebar
右導(dǎo)航：rightsidebar
菜單：menu
子菜單：submenu
標(biāo)題: title
摘要: summary
(3)功能
標(biāo)志：logo
廣告：banner
登陸：login
登錄條：loginbar
注冊(cè)：regsiter
搜索：search
功能區(qū)：shop
標(biāo)題：title
加入：joinus
狀態(tài)：status
按鈕：btn
滾動(dòng)：scroll
標(biāo)簽頁(yè)：tab
文章列表：list
提示信息：msg
當(dāng)前的: current
小技巧：tips
圖標(biāo): icon
注釋：note
指南：guild
服務(wù)：service
熱點(diǎn)：hot
新聞：news
下載：download
投票：vote
合作伙伴：partner
友情鏈接：link
版權(quán)：copyright
總結(jié)
以上是生活随笔為你收集整理的（三）HTML 规范的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 北海渔村海鲜酒楼的朋友圈文案句子25条
- 下一篇： （二）性能优化的指标和工具 (告别前端小