1.新的語義標籤
語義標籤，語義化，當下html是靠div+css來鑄造頁面的整體框架和結構的，通篇大量的div可讀性極低，因此誕生了這些特殊的標籤，簡單地說就是見名知義，使頁面更清晰，方便維護和開發。提升對搜索引擎的友好。
header/nav/aside/section/footer等
2.增強型表單
（1）新的表單元素：input type：email,url,number,search,color,date,month,week
（2）新特性：datalist[提供輸入建議列表],progress,meter,output
（3）表單元素新屬性：placeholder,autofocus,multiple,form,required,pattern等
3.視頻/音頻
video audio
4.canvas
5.svg
| canvas繪圖 | svg繪圖 | |
|---|---|---|
| 類型 | 2D位圖 | 2D矢量圖 |
| 如何繪製圖 | 使用JS代碼繪圖 | 使用標籤繪圖 |
| 事件綁定 | 每個圖形不是一個元素，無法直接綁定事件 | 每個圖形都是元素，可以直接綁定監聽事件 |
| 應用場合 | 遊戲、特效 | 地圖 |
6.地理定位
7.拖動放API drag、drop
8. Web Worker
chrome中線程模型：請求資源線程–多個，運行js代碼，渲染頁面內容–1個
解決方案：創建一個併發線程，讓它來執行耗時js任務。
作用：執行耗時js任務
注意：worker執行js任務中不能出現BOM和DOM對象
原因：瀏覽器只允許UI線程操作DOM/BOM，若多個線程同時來操作DOM和BOM頁面混亂。所以類似JQuery也不能使用Worker中。
worker適合執行耗時js任務，複雜計算，加密和解密。
9. Web Storage
作用：在瀏覽器中存儲當前用戶專用數據，在客戶端存儲數據可以使用該技術。
Webstorage爲瀏覽器提供二個對象
(1)window.sessionStorage:類數組對象
在同一個會話中所有頁面之間共享數據,將數據保存sessionStorage中只限本次會話使用.
(2)window.localStorage
保存數據在磁盤上，可供此次會話以及及後續的會話中的頁面共同使用,即使瀏覽器關閉也不會消失—永久存在：
10. Web Socket 屬於“廣播-接收”模塊，客戶端接收到服務器不再斷開，永久連接雙方隨時向對方發送消息
【HTTP協議：屬於“請求-響應”協議，只有客戶端發起請求消息，服務器纔會返回響應的消息，沒有請求就沒有響應，一個請求只能得到一個響應】