(三)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条
- 下一篇: (二)性能优化的指标和工具 (告别前端小