Html5中的＜section＞标簽的介紹

一、article與section的異同

section和article可以互相嵌套，也就是說他們沒有上下級關系，section可以包含article，article也可以包含section。

感覺上使用都差不多，都可以有h1,h2,h3,都有一個主體，那應該怎麼來區分它們的不同？其實很簡單，隻要從字面上了解它們就可以足夠了：

1、article是文章，文章就是一段完整的獨立的内容。

2、section就是塊，某種意義上可以了解為div，但是比div的意思更加明确一點。

二、section和div的異同

1、section和div都可以對内容進行分塊，但是section是進行有意義的分塊，無意義的分塊應該由div來做，例如用作設定樣式的頁面容器。

2、section内部必須有标題，标題也代表了section的意義所在。

三、使用<section>标簽需要注意的地方

1、不要将<section>作為用來設定樣式或行為的“鈎子”容器，那是<div>的工作。

2、如果<article>、<aside>或<nav>更符合狀況，不要使用<section>。

3、不要為沒有标題的内容區塊使用<section>。

參考資料：    Html5中的＜section＞标簽      http://www.studyofnet.com/news/331.html