HTML5 增加的语义标签(元素)有什么意义?<nav><section><article><aside>
怪我咯
怪我咯 2017-04-17 11:03:20
0
4
1029

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

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

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(4)
迷茫

以下故事纯属虚构,虽然很美,但却是错误的。如有疑问,你看看 @依云 的回复。


在 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 开发一个网站。

Peter_Zhu

这是我以前写的一篇文章:

它们的行为和<p>几乎是相同的,只是被赋予了语义.
通过使用语义化标记,可以提高代码的可读性,让浏览器更好地优化你的网页(尤其在移动终端), 以及让搜索引擎爬虫更好地理解你的网页.

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

Peter_Zhu

网页不仅仅是给浏览者看的, 也不仅仅是给主流浏览器解析的.

搜索引擎的蜘蛛, 盲人使用的页面阅读器, 等等场合. 你知道语义化的标签带来多大的好处么?

阿神

其实都是字面意思,目的是让别人看到以后,知道这个块是干什么的。这样整片文档读起来是有意义的,(比起p)。个人意见,仅供参考。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板