html5的全新語義化元素

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


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


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


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


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

相關文章
相關標籤/搜索