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