HTML5—新語意元素使用及相容

1.新語意元素：

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

• 1aa9e5d373740b65a0cc8f0a02150c53：描述了文件的頭部區域，於定義內容的介紹展示區域

• c787b9a589a3ece771e842a6176cf8e9：定義導覽連結的部分。

• 2f8332c8dcfd5c7dec030a070bf652c3：定義文件中的節（section、區段）。例如章節、頁首、頁尾或文件中的其他部分，section通常 包含了一組內容及其標題。

• 23c3de37f2f9ebcb477c4a90aac6fffd：定義獨立的內容。

• 15221ee8cba27fc1d7a26c47a001eb9b：定義頁面主區域內容以外的內容（例如側邊欄）。

• 24203f2f45e6606542ba09fd2181843a：標籤規定獨立的串流內容（圖像、圖表、照片、程式碼等等）。

• 614eb9dc63b3fb809437a716aa228d24：定義 24203f2f45e6606542ba09fd2181843a 元素的標題。
  

• c37f8231a37e88427e62669260f0074d：述了文檔的底部區域，一個頁腳通常包含文檔的作者，著作權信息，連結的使用條款，聯絡資訊等。

在一個網頁中，這些新的語意標籤元素位置如下圖所示：

2.新元素的瀏覽器相容問題：

為了讓這些區塊及元素在所有版本的瀏覽器中生效，你需要在樣式在表格檔案中設定屬性(以下樣式程式碼可以讓舊版瀏覽器支援本章介紹的區塊級元素):

header, section, footer, aside, nav, article, figure
{ 
    display: block; 
}

IE8 及更早IE版本無法在這些元素中渲染CSS效果，以至於你不能使用1aa9e5d373740b65a0cc8f0a02150c53, 2f8332c8dcfd5c7dec030a070bf652c3, c37f8231a37e88427e62669260f0074d, 15221ee8cba27fc1d7a26c47a001eb9b, c787b9a589a3ece771e842a6176cf8e9, c37f8231a37e88427e62669260f0074d, 15221ee8cba27fc1d7a26c47a001eb9b, c787b9a589a3ece771e842a6176cf8e9 , 23c3de37f2f9ebcb477c4a90aac6fffd, 24203f2f45e6606542ba09fd2181843a, 或其他的HTML5 elements.可以使用HTML5 Shiv來解決這個問題：

#

<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->

 以上就是HTML5—新語意元素使用及相容的內容，更多相關內容請關注PHP中文網（www.php.cn）！

#