HTML5 提供了新的語義元素來明確一個Web頁面的不同部分:

HTML5中新的語義元素

HTML5 元素

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

根據W3C HTML5文檔: section 包含了一組內容及其標題。

WWF

The World Wide Fund for Nature (WWF) is....

HTML5 元素

標簽定義獨立的內容。.

元素使用實例:

Forum post

Blog post

News story

Comment

Internet Explorer 9

Windows Internet Explorer 9(縮寫為 IE9 )在2011年3月14日21:00 發布。

HTML5 元素

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

元素用于定義頁面的導航鏈接部分區域，但是，不是所有的鏈接都需要包含在 元素中!

HTML |

CSS |

JavaScript |

jQuery

HTML5 元素

標簽定義頁面主區域內容之外的內容(比如側邊欄)。

aside 標簽的內容應與主區域的內容相關.

My family and I visited The Epcot center this summer.

Epcot Center

The Epcot Center is a theme park in Disney World, Florida.

HTML5 元素

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

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

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

以下實例定義了文章的頭部:

Internet Explorer 9

Windows Internet Explorer 9(縮寫為 IE9 )是在2011年3月14日21:00發布的

HTML5 元素

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

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

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

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

Posted by: Hege Refsnes

HTML5

和 元素

標簽規定獨立的流內容(圖像、圖表、照片、代碼等等)。

元素的內容應該與主內容相關，但如果被刪除，則不應對文檔流產生影響。

標簽定義 元素的標題.

元素應該被置于 “figure” 元素的第一個或最后一個子元素的位置。

Fig1. - The Pulpit Pock, Norway.

我們可以開始使用這些語義元素嗎?

以上的元素都是塊元素(除了

).

為了讓這些塊及元素在所有版本的瀏覽器中生效，你需要在樣式表文件中設置一下屬性 (以下樣式代碼可以讓舊版本瀏覽器支持本章介紹的塊級元素):

header, section, footer, aside, nav, article, figure

{

display: block;

}

Internet Explorer 8 及更早IE版本中的問題

IE8 及更早IE版本無法在這些元素中渲染CSS效果，以至于你不能使用 , , , , , ,

, 或者其他的HTML5 elements.

解決辦法:?你可以使用HTML5 Shiv Javascript腳本來解決IE的兼容問題。HTML5 Shiv下載

下載后，將以下代碼放入到網頁中：

以上代碼在瀏覽器小于IE9版本時會加載html5shiv.js文件. 你必須將其放置于

元素中，因為 IE瀏覽器需要在頭部加載后渲染這些HTML5的新元素。

總結

以上是生活随笔為你收集整理的下列不属于html5语义元素,HTML5 新的语义元素的全部內容，希望文章能夠幫你解決所遇到的問題。

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