一.新新增元素和移除元素

新增的結構元素：

1. section元素：定義文件中的節
2. article元素：定義文件內的文章
3. aside元素：定義頁面內容之外的內容
4. header元素
5. footer元素
6. nav元素：定義文件內導航連結
7. main元素：定義文件的主內容

新增的其他元素：

1. video元素，audio元素，canvas元素

新增的input型別：

1. email：必須輸入email地址的文字輸入框
2. tel：專用於電話
3. url：必須輸入url地址的文字輸入框
4. numbr：必須輸入數字的文字輸入框
5. range：必須輸入一定範圍數字值的輸入框
6. readonly：只讀，<input type="text" name="firstname" value ="John" readonly>
7. disabled：禁用，不可修改，<input type="text" name="firstname" value ="John" disabled>
8. maxlength：規定輸入欄位允許的最大長度，<input type="text" name="firstname" maxlength="10">
9. placeholder：可輸入欄位的預期的提示資訊，<input type="search" name="user_search" placeholder="Search W3School" />
10. autofocus：文字輸入欄位自動獲取焦點，<input type="text" name="fname" autofocus>
11. date：date-選取日、月、年，<input type="date" />
12. search：用於搜尋

廢除的元素：

1. frame廢除，可以使用jQuery的ajax的load()方法；在html5中已不再支援frame框架，只支援iframe框架

二.html5改變：

字元編碼：

1. html5使用meta標籤直接指定charset編碼，<meta charset="UFT-8">；
2. html4使用content元素屬性指定字元編碼，<meta content="text/html;chartset=UFT-8">；

具有boolean值的屬性：

1. 只寫屬性不寫屬性值代表屬性值為true；<input type="checkbox" checked/>
2. 屬性值=屬性名，代表屬性為true；<input type="checkbox" checked="checked">
3. 屬性值等於空字串；<input type="checkbox" checked=" "/>
4. 不寫屬性代表屬性為false；<input type="checkbox"/>

省略引號：

1. <input type="text"/>
2. <input type='text'/>
3. <input type=text/>

客戶端資料儲存：

1. html5新增localStorage和sessionStorage（常用方法有setItem，getItem，removeItem，clear），區別於html4的cookie（jquery.cookie-min.js,$.cookie("","")），三者的區別是：

• 存放資料大小不同，cookie存放4kb，localStorage和sessionStorage一般存放5M；
• 資料生命週期不同，cookie的生命週期可以設定(maxAge)，預設關閉瀏覽器失效；sessionStorage當前會話有效，關閉頁面或者瀏覽器失效,localStorage除非被清除，否則永久有效；
• 與伺服器通訊，cookie由對伺服器的請求來傳遞，攜帶在HTTP頭中，如果使用cookie儲存過多資料會產生效能問題；localStorage和sessionStorage資料僅在瀏覽器中儲存，不參與伺服器的通訊；