HTML5 基礎之語義
HTML5 語義元素
語義= 意義.
語義元素 = 元素的意義.
什么是語義元素?
一個語義元素能夠為瀏覽器和開發(fā)者清楚的描述其意義。像 < div > 和 元素是屬于無語義元素。語義元素實例: < form >, < t able>, and < img > - 清楚的描述了元素所代表的內容。
瀏覽器對語義元素的支持
Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持語義元素。
注意: Internet Explorer 8及更早IE版本不支持該語義元素
許多現(xiàn)有網站都包含以下HTML代碼: < div id="nav" >,或者來指明導航鏈接, 頭部, 以及尾部.
HTML5提供了新的語義元素來明確一個Web頁面的不同部分:
< header >
< nav >
< section >
< article >
< aside >
< figcaption >
< figure >
< footer >
< section > 標簽定義文檔中的節(jié)(section、區(qū)段)。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。
< article > 標簽定義獨立的內容。
< nav > 標簽定義導航鏈接的部分。
< aside > 標簽定義頁面主區(qū)域內容之外的內容(比如側邊欄)。
< header >元素描述了文檔的頭部區(qū)域
< footer > 元素描述了文檔的底部區(qū)域.
< figure > 標簽規(guī)定獨立的流內容(圖像、圖表、照片、代碼等等)。