一、html5中新增加的語義化標籤

header、footer、article、figure...這些標籤不相容ie6-8低版本，相容處理：html5.min.js；

<!--條件註釋：針對IE處理，大小寫或者其它語法必須嚴格按照下面寫法-->
<!--[if lt IE 9]>
<script src="html5.min.js"></script>
<![endif]-->

修改或者刪除了一些標籤：strong、small（附屬細則）、hr...修改指的是改變了標籤的語義化：font、center這些標籤建議不用（刪除）；

新增一些標記標籤：mark（標記）、time（時間）、progress（進度）...

<details open><summary>我的筆記</summary><!--標記的本質上允許我們在單擊標籤時顯示和隱藏內容。-->
</details><input type="text" id="search" list="searchList"><datalist id="searchList"><option>哈哈是誰</option><option>哈哈要幹嘛</option><option>哈哈在哪裡</option></datalist
 
>

二、針對於傳統的表單元素進行升級

傳統的表單元素：form、laber、textarea、select、button...

input（text、password、radio、checkbox、file、submit、reset、button）

針對於傳統的升級：給input新增加一些型別（search、email、number、tell、range、color、date）

升級：給表單元素新增加屬性placeholder（給表單元素設定提示資訊）

升級：提供了新的下拉框方式

----------------------------------------------------------------------------------------------------------------------------------

給input設定新的型別作用：

1.當用戶輸入的時候，可以根據設定的型別，調取出最符合使用者輸入的鍵盤（比如型別設定為：number'，調取出來的就是數字鍵盤...）

2.提供了css和js新的驗證方式（我們一半常用的還是正則驗證）

css驗證：

#userEmail:valid {

   /*驗證成功:瀏覽器內建驗證機制驗證結果是成功*/
    background: white;
     }
     #userEmail:invalid {
    /*驗證失敗*/
    background: lightpink;
     }

js內建驗證：

userEmail.onkeydown = userEmail.onkeyup = function () {
    //=>this.checkValidity()：根據瀏覽器內建的驗證機制，獲取成功還是失敗(TRUE/FALSE)
    if (!this.checkValidity()) {
        this.style.backgroundColor = 'lightpink';
        return;
    }
    this.style.backgroundColor = 'white';
};

移動端事件中一班都沒有：keydown/keyup（移動端是虛擬鍵盤），我們使用input事件代替即可；

自己編寫正則驗證（專案中最常用）：userEmail.onkeydown = userEmail.onkeyup = function (){}

三、新媒體解決方案：audio音訊、video視訊

Echarts：圖示外掛，它是基於canvas實現

五、新增一些API（主要是供js使用的）

webstorage：localStorage、seessionStorage 本地儲存解決方案

web socket：新的客戶端和伺服器端通訊方案

獲取地理位置或者重力感應等API

...