HTML5 新的語意元素

分享:
標籤: HTML HTML5

HTML5 在區塊上多了許多新的包含語意的元素,包含 header、footer、section、main、aside、nav、address、article... 等,這些可以取代以往都是用 div 來排版時辨識以及意義上的問題,使用有語意的標籤除了可以讓瀏覽器更清楚理解區塊的內容外,在開發上也可以比較快識別每個區塊可能包含的內容與意義。

大致使用上會像這樣:

 

使用上也可以參考以下的流程圖來給每個區塊適當的標籤。

h5d-sectioning-flowchart