語義元素

article,aside,nav,section,header,footer

上面這些語義元素不會給頁面內容造成任何視覺上的改變，它們只是提供html文檔的結構，供計算機和開發者讀取和閱讀！

article元素

article元素對應一段獨立的內容，可以將不同的article分節聚合在一起，并構成頁面。article可以是以下內容。

1,一篇雜志或新聞稿件

2，一篇博客

3，一個論壇主題

4，一篇博客評論

article元素中可以放header,footer,section元素，section中 也可以放article元素。

鑒別內容是否合適article的最簡單的辦法是判斷該內容能否在聚合后獨立存在。

標題

我喜歡動物，我將來肯定有一只小寵物！！

aside元素

aside元素定義的是與主要 內容無關或者關系不大的內容。它也可以作為web頁面的側邊欄出現，提供與整個網站而不是頁面相關的信息。

aside的類型取決于aside所在的位置。如aside在article標簽中，，則作用是定義與article相關的內容，例如，相關的article的詞匯表或列表。如果aside位于article元素之外，則他的作用是定義整個網站相關的內容，如博客鏈接或廣告這類側邊欄元素。

標題

我喜歡動物，我將來肯定有一只小寵物！！

標題

側邊欄內容，其實可以是鏈接

標題

• 序列1
• 序列2

nav元素

標簽定義導航鏈接的部分。

nav元素是一段鏈接到其他頁面或網站的鏈接。無須將所有的頁面鏈接列表都囊括在nav當中。該元素僅對應也面的主要導航。

nav元素最好用于主導航，也是大部分用戶唯一關心的導航。不過，主導航的內容始終是網站以及開發者決定的。一些網站主導航只有一個，其他作為內容鏈接存在。有的網站主導航則是有3~4個主導航。

在基本主導航之外還可以用到nav元素的地方包括一下：

1，內容表格

2，上一頁和下一頁鏈接

3，面包屑導航

標題

序列1序列2序列3

section元素

標簽定義文檔中的節(section、區段)。比如章節、頁眉、頁腳或文檔中的其他部分。

根據‘w3c’的定義，‘section’不僅僅是一個普通的容器元素。當一個元素只是為了樣式化或者方便腳本使用時，，應該使用div元素。

下面是幫助開發人員確定是否使用section元素的一些依據。

1，該分解是否有自己的標題？如果沒有就不應該使用section元素。

2，該分節是否為頁面大綱中的一部分？如果不是就不應該使用section元素

3，進行這個分節除了樣式化是否還有別的目的？如果將一個section標簽用作樣式化的鉤子，就應該用div元素代替。

可以在博客的aside中放入section元素。大部分博客都帶有友情鏈接，最新博文，目錄之類的aside,上面每一項都可加入section.

標題

• 序列1
• 序列2
• 序列3

header,footer元素

元素描述了文檔的頭部區域

元素注意用于定義內容的介紹展示區域.

在頁面中你可以使用多個 元素.

元素描述了文檔的底部區域.

元素應該包含它的包含元素

一個頁腳通常包含文檔的作者，著作權信息，鏈接的使用條款，聯系信息等

文檔中你可以使用多個 元素.

另外，header元素可以包含一個分節標題和關于這個分節的介紹信息，例如，內容表格，日期和相關圖標。盡管大部分情況下header出現在文檔的開頭，但也可以出現在任意分節元素的開端，如：article,aside,nav.

footer元素和header元素類似，它可以出現在任意分節元素的結尾，提供相關的信息，例如：作者，版權信息，和相關鏈接。

ps:此內容大部分來自《html5移動應用開發》

總結

以上是生活随笔為你收集整理的html5用语义元素做旅游网站,HTML5语义元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。