通用約定 標(biāo)簽自閉合（self-closing）標(biāo)簽，無(wú)需閉合 ( 例如： img input br hr 等 )； 可選的閉合標(biāo)簽（closing tag），需閉合 ( 例如： /li 或 /body )； 盡量減少標(biāo)簽數(shù)量； XML/HTML Code復(fù)制內(nèi)容到剪貼板 imgsrc= images/google.png alt= Google inputtype= text name= title ul li Style /li li Guide /li /ul !--Notrecommended-- span >Class 與 IDhtml' target='_blank'>class 應(yīng)以功能或內(nèi)容命名，不以表現(xiàn)形式命名； class 與 id 單詞字母小寫(xiě)，多個(gè)單詞組成時(shí)，采用中劃線-分隔； 使用唯一的 id 作為 Javascript hook，同時(shí)避免創(chuàng)建無(wú)樣式信息的 class； XML/HTML Code復(fù)制內(nèi)容到剪貼板 HTML 屬性應(yīng)該按照特定的順序出現(xiàn)以保證易讀性。id class name data-xxx src, for, type, href title, alt aria-xxx, role XML/HTML Code復(fù)制內(nèi)容到剪貼板 spanid='j-hook' >b嵌套a 不允許嵌套 div 這種約束屬于語(yǔ)義嵌套約束，與之區(qū)別的約束還有嚴(yán)格嵌套約束，比如 a 不允許嵌套 a。嚴(yán)格嵌套約束在所有的瀏覽器下都不被允許；而語(yǔ)義嵌套約束，瀏覽器大多會(huì)容錯(cuò)處理，生成的文檔樹(shù)可能相互不太一樣。語(yǔ)義嵌套約束 li 用于 ul 或 ol 下； dd ， dt 用于 dl 下； thead ， tbody ， tfoot ， tr ， td 用于 table 下； 嚴(yán)格嵌套約束inline-Level 元素，僅可以包含文本或其它 inline-Level 元素； a 里不可以嵌套交互式元素 a 、 button 、 select 等； p 里不可以嵌套塊級(jí)元素 div 、 h1 ~ h6 、 p 、 ul / ol / li 、 dl / dt / dd 、 form 等。布爾值屬性HTML5 規(guī)范中 disabled、checked、selected 等屬性不用設(shè)置值。XML/HTML Code復(fù)制內(nèi)容到剪貼板 語(yǔ)義化 沒(méi)有 CSS 的 HTML 是一個(gè)語(yǔ)義系統(tǒng)而不是 UI 系統(tǒng)。通常情況下，每個(gè)標(biāo)簽都是有語(yǔ)義的，所謂語(yǔ)義就是你的衣服分為外套， 褲子，裙子，內(nèi)褲等，各自有對(duì)應(yīng)的功能和含義。所以你總不能把內(nèi)褲套在脖子上吧。-- 一絲此外語(yǔ)義化的 HTML 結(jié)構(gòu)，有助于機(jī)器（搜索引擎）理解，另一方面多人協(xié)作時(shí)，能迅速了解開(kāi)發(fā)者意圖。常見(jiàn)標(biāo)簽語(yǔ)義
