html5的全新語義化元素

<section>元素用來定義文檔或應用程序中的區域(或節)。例如:可以用它組織你的個人信息,一個<section>用於聯繫信息,另一個用於新聞動態。需要重點理解的是用它的目的不是爲了美化 樣式。如果你想將某個元素包裹起來以便設置樣式,那應該和以前一樣繼續使用<div>。


<nav>元素用來定義文檔的主導航區域,其中的鏈接指向其他頁面或當前頁面的某些區域。因爲<nav>用於主導航區域,所以嚴格來講它不是爲頁腳或其他經常會包含一組鏈接的區塊而設計的(雖然將用在這些區塊裏包含鏈接也沒問題)。


<article>元素與<section>元素很容易混淆。在完全理解之前我只得一遍又一遍地閱讀它他的標準定義。<article>元素用來包裹獨立的內容片段。當搭建一個頁面時,想想你準備放入<article>標籤的內容能否作爲一個整塊而被複制粘貼到另一個完全不同的網站且能保持完整的意義?另一種辦法是,想想包裹在<article>中的內容能否在RSS訂閱源中獨立成爲一篇文章?應該使用<article>標籤包裹的內容最明顯的例子就是博客正文。注意,如果出現嵌套的<article>元素,那內層的<article>元素內容應該和外層文章內容直接有關。


<aside>元素用來表示與頁面主內容鬆散相關的內容。在實踐中,我經常將其用作側邊欄(當它包含合適的內容時)。另外,引文、廣告以及導航元素(如友情鏈接等)也可以使用它。


<hgroup>如果頁面中有一組使用<h1>、<h2>、<3>等標籤的標題、標語和副標題,則可以考慮使用<hgroup>將它們包裹起來。這樣在HTML5的大鋼結構算法中就會隱藏次級標題元素,從而只讓<hgroup>中的第一個標題進入文檔大綱。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章