HTML5 語義元素

語義= 意義.

語義元素 = 元素的意義.

什么是語義元素?
一個語義元素能夠清楚的描述其意義給瀏覽器和開發(fā)者。

無語義 元素實例: <div> 和 <span> - 無需考慮內容.

語義元素實例: <form>, <table>, and <img> - 清楚的定義了它的內容.

瀏覽器支持
Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持語義元素。

注意: Internet Explorer 8及更早版本不支持該元素. 但是文章底部提供了兼容的解決方法.

HTML5中新的語義元素
許多現有網站都包含以下HTML代碼： <div id="nav">, <div class="header">, 或者 <div id="footer">, 來指明導航鏈接, 頭部, 以及尾部.

HTML5提供了新的語義元素來明確一個Web頁面的不同部分:

<header>
<nav>
<section>
<article>
<aside>
<figcaption>
<figure>
<footer>

HTML5 <section> 元素
<section> 標簽定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。

根據W3C HTML5文檔: section 包含了一組內容及其標題。