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

1.新語意元素：

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

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

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

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

• ：定義獨立的內容。

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

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

• ：定義

  元素的標題。
  

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

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

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

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

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

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

,

,

,

,

,

,

,

,

,

, 或其他的HTML5 elements.可以使用HTML5 Shiv來解決這個問題：

#

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

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

#