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）。个人意见，仅供参考。