HTML5新增元素：語意化元素的介紹

這篇文章帶給大家的內容是關於HTML5新增元素：語意化元素的介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

幾年前，用於網頁佈局一般都用p元素，但語意化並不好。 HTML5引入了大量新的區塊級元素來幫助提升網頁的語義，使頁面具有邏輯性結構、容易維護，並且對資料探勘服務更友善。

結構元素，又稱區塊型元素，是用來定義區塊內容範圍的元素。之前，區塊型元素只有一個，HTML5新增了7個語意化結構元素

#section

#在定義文件中的節（section、區段）。例如章節、頁首、頁尾或文件中的其他部分。根據W3C HTML5文檔: section 包含了一組內容及其標題。

定義了文件的某個區域。例如章節、頭部、底部或文件的其他區域。

article

定義的內容本身必須是有意義的且必須是獨立於文件的其餘部分。潛在來源：論壇貼文、部落格文章、新聞故事、評論。

aside

定義頁面主區域內容以外的內容（例如側邊欄）。 aside 標籤的內容應與主區域的內容相關.。標籤定義導航連結的部分。

nav

定義頁面的導覽連結部分區域，但是，不是所有的連結都需要包含在nav元素中。

header

描述了文件的頭部區域，注意用於定義內容的介紹展示區域，在頁面中你可以使用多個header元素

footer 

描述了文件的底部區域，應該包含它的包含元素，一個頁腳通常包含文檔的作者，著作權信息，鏈接的使用條款，聯繫信息等

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

相關推薦：

##介紹HTML5語意元素實例

淺聊HTML5語意元素的實例教學

以上是HTML5新增元素：語意化元素的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！