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

如:<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)。個人意見,僅供參考。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板