[toc]
## 2. Html5新增的主體結構元素
### 1. article元素
>article元素代表文檔、頁面或應用程序中獨立的、完整的、可以獨自被外部引用的內容。它可以是一篇博客或者報刊中的文章,一篇論壇帖子、一段用戶評論或獨立的插件,或其他任何獨立的內容。
1. article元素是可以嵌套使用的
```
<article>
<header></header>
<article></article>
<footer></footer>
</article>
```
2. article元素可以用來表示插件
### 2. section元素
> 用于對網站或應用程序中頁面上的內容進行分塊。一個section元素通常由內容及其標題組成。但section元素并非一個普通的容器元素;當一個容器需要被直接定義樣式或通過腳本定義行為時,推薦使用div而非section元素。
1. section常用來分塊
2. 不要將secition元素作為設置樣式的頁面容器
3. 如果article元素、aside元素、nav元素更符合使用條件,那不要使用section元素
4. 沒有標題內容,不要使用section元素
### 3.nav元素
>nav元素是一個可以用作頁面導航的連接器,其中的導航元素鏈接到其他頁面或當前頁面的其他部分。并不是所有的連接器都要被放進nav元素,只需要將主要的、基本的連接組放進nav元素即可。
1. nav元素應用場景:
* 傳統導航條
* 側邊欄導航
* 頁內導航
* 翻頁操作
### 4.aside元素
>aside元素用來表示當前頁面或文章的附屬信息部分,它可以包含與當前頁面或主要內容或主要內容相關的引用、側邊欄、廣告、導航條,以及其他類似的有區別于主要內容的部分。
1. 在aritcle元素內使用
2. 在article元素外使用
### 5.time元素和pubdate屬性
1. time元素與微格式
2. pubdate屬性
- H5筆記
- 1. Htm5與Html4的區別
- 2. Html5新增的主體結構元素
- 3. Html5新增的非主體結構元素
- 4. Html5表單新增元素與屬性
- JavaScript筆記
- 1.函數
- 2. 異常處理和事件處理
- 3. DOM對象
- 4. 事件詳解
- 5. 內置對象
- 6. DOM對象控制HTML元素詳解
- 7. 瀏覽器對象
- 8. 面向對象詳解
- jQuery筆記
- 1. jQuery簡介和語法
- 2. jQuery選擇器和事件
- 3. jQuery效果之隱藏與顯示、淡入淡出、滑動、回調
- 4. jQuery HTML之捕獲、設置、元素添加、元素刪除
- 5. jQuery CSS操作及jQuery的盒子模型
- 6. jQuery之遍歷與元素的過濾