HTML5 對以前的HTML內容進行了舍棄和添加，那么HTML5新增加了什么內容呢？讓我們一起來看一下吧。

一、新增的語義化標簽

1. header 2. nav 3. section 頁面中的內容區塊，例如：章節、頁眉、頁腳 4. hgroup 對頁面中的內容區塊的標題進行整合 5. article 6. figure 文章中的圖或表等內容區域 7. aside 表示article元素內容之外的，與article內容相關的輔助信息 8. footer

二、新增了input的type選項

1. email 2. url 3. number 4. range 有范圍限制的數值 5. data picker 6. search 7. color

三、新增的其他元素

1. video 2. audio 3. embed 用來插入各種多媒體，例如：<embed src="happy.mp3" /> 4. mark 5. canvas 6. datagrid 表示可選數據的列表，常和input配合使用 7. details

四、新增的元素選擇器 Selector API

1. querySelector(".highClass", "#lowClass") 選取滿足條件的第一個元素 2. querySelectorAll("#result li") 選出id="result"的元素下的所有li元素

五、新增表單相關屬性

1. autofocus屬性，讓元素在頁面打開時自動獲得焦點，適用元素：input、select、textarea 2. placeholder屬性，對用戶的輸入進行提示，適用元素：input 3. form屬性，聲明元素屬于哪個表單，適用元素：input、output、select、textarea、button 4. required屬性（對立屬性：novalidate），在用戶對表單提交的時候進行檢查，表單必須有內容，適用于input和textarea屬性 4. 為input元素新增屬性：autocomplete、min、max、multiple、pattern、step

六、廢棄 Frame 框架相關的元素

1. frame 元素 2. frameset 元素 3. noframe 元素 4. 保留了 iframe （內聯框架） 元素

了解更多關注我喲！！！

總結

以上是生活随笔為你收集整理的HTML5 新特性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。