[toc]
## Html4與Html4的區別
> #### 推出的理由及目標
Html5的出現，對于web來說意義是非常重大的，因為他的意圖是想要把目前web上存在的各種問題一并解決掉了。
* web瀏覽器之間的兼容性很低
* 文檔結構不夠明確
* web應用程序的功能受到了限制
世界知名瀏覽器廠商對Html5的支持
微軟、Google、蘋果、Opera、Mozilla
> #### 語法的改變
* 內容類型
* DOCTYPE聲明：只需要`<!DOCTYPE html>`
* 指定字符編碼：只需要`<meta charset="UTF-8">`
* 可以省略標記的元素
* 具有boolean值的屬性
* 省略引號
> #### 新增的元素和廢除的元素
1. 新增的結構元素
`section`、`article`、 `aside`、`header`、`hgroup`、`footer`、`nav`、`figure`
2. 新增的其他元素
`video`、`audio`、`canvas`...
3. 新增的input元素的類型
`email`、`url`、 `number`、`ranger`、`Date Pickers`
4. 廢除的元素
* 能使用css替代的元素：`basefont`、`big`、`center`、`font`、`s`、`tt`、`u`
* 不再使用frame框架
* 只有部分瀏覽器支持的元素
* 其他被廢除的元素
> #### 新增的屬性和廢除的屬性
1. 新增的屬性
* 表單相關的屬性
* 鏈接相關的屬性
* 其他屬性
2. 廢除的屬性
>#### 全局屬性
* contentEditable屬性：是否可編輯
* designMode屬性：是否可編輯，供js使用
* hidden屬性：添加后隱藏
* spellcheck屬性：針對input以及輸入框進行語法檢查
* tabindex屬性：`tabindex="1"`按`table`鍵獲取焦點的順序
- 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之遍歷與元素的過濾