html的元素棺妓、屬性和屬性值有特定的語義（semantic）价涝。這些語義有助于讓瀏覽器、搜索引擎等html處理者在不同的上下文中展現(xiàn)出一致的文檔結(jié)構(gòu)验烧。
- 優(yōu)勢
- 代碼結(jié)構(gòu)清晰板驳，方便閱讀，有利于團隊合作開發(fā)碍拆。
- 方便其他設(shè)備解析（如屏幕閱讀器若治、盲人閱讀器、移動設(shè)備）以語義的方式來渲染網(wǎng)頁感混。
- 有利于搜索引擎優(yōu)化（SEO）端幼。
- 最佳實踐
-
titile提升搜索引擎排名，搜索引擎會將title作為判斷頁面主要內(nèi)容的指標弧满，有效的title應(yīng)包含與內(nèi)容緊密相關(guān)的關(guān)鍵字婆跑。 - 在語義不明顯時，既可以使用
div或者p時庭呜，盡量用p滑进，因為p在默認情況下有上下間距犀忱，對兼容特殊終端有利； - 強調(diào)文本使用
strong（不要用b）或em（不要用i）扶关； - 使用表格時阴汇，標題要用
caption，表頭用thead节槐，主體部分用tbody包圍搀庶，尾部用tfoot包圍。表頭用th铜异，單元格用td哥倔； - 表單域要用
fieldset標簽包起來，并用legend標簽說明表單的用途熙掺； - 每個
input標簽對應(yīng)的說明文本都需要使用label標簽，并且通過為input設(shè)置id屬性咕宿，在lable標簽中設(shè)置for=someld來讓說明文本和相對應(yīng)的input關(guān)聯(lián)起來币绩。
-
