HTML5 增加的语义标签（元素）有什么意义？<nav><section><article><aside>

Question

如：<nav><section><article><aside><hgroup>

加不加整个页面没什么变化啊？

Answer 1

以下故事純屬虛構，雖然很美，但卻是錯誤的。如有疑問，你看看 @依雲 的回複。

---

在 html 中，所有的標簽都是一視同仁的，所以，N 年前，你可以看到這樣的頁麵。

<p id="list">
  <p class="iteam">java</p>
  <p class="iteam">PHP</p>
  <p class="iteam">python</p>
</p>

後來，標簽進化了。

<ul>
  <li>java</li>
  <li>PHP</li>
  <li>python</li>
</ul>

隨後，html 變得更加標準化了：

<p id="header"></p>
<p id="footer"></p>
<p id="nav"></p>
<p id="sidebar"></p>

html 繼續進化：

<nav>
<section>
<article>
<aside>
<hgroup>

總之，就是越來越語義化。即使在 html5 中，你一樣可以隻使用 p 開發一個網站。

Answer 2

這是我以前寫的一篇文章：

它們的行為和<p>幾乎是相同的，隻是被賦予了語義.
通過使用語義化標記，可以提高代碼的可讀性，讓瀏覽器更好地優化你的網頁(尤其在移動終端), 以及讓搜索引擎爬蟲更好地理解你的網頁.

全文：http://jyprince.me/program/656

Answer 3

網頁不僅僅是給瀏覽者看的, 也不僅僅是給主流瀏覽器解析的.

搜索引擎的蜘蛛, 盲人使用的頁麵閱讀器, 等等場合. 你知道語義化的標簽帶來多大的好處麼?

Answer 4

其實都是字麵意思，目的是讓別人看到以後，知道這個塊是幹什麼的。這樣整片文檔讀起來是有意義的，（比起p）。個人意見，僅供參考。