HTML5相比HTML新增了哪些功能?
阿新 • • 發佈:2019-02-06
1. 簡化的語法
HTML5簡化了很多細微的語法,例如doctype的宣告,你只需要寫<!doctype html>就行了。HTML5與HTML5,XHTML1相容,但是與SGML不相容。
2. 更加語義化標籤(開發者可以更加優雅,網頁結構更清晰)
header、footer、nav、article、figure...但這些表情不相容ie6-8,(相容處理:html5.min.js;)
3. 新增<audio> 和<video> 標籤
這兩個標籤可能是HTML5裡面最有用的兩個標籤了。從意思上不難理解,這兩個標籤是用來播放音訊和視訊的。
4. 表單元素的升級
傳統的表單元素:form、laber、textarea、select、button...
input(text、password、radio、checkbox、file、submit、reset、button)
Html5給input新增加一些型別(search、email、number、tell、range、color、date)
升級:給表單元素新增加屬性placeholder(給表單元素設定提示資訊)
升級:提供了新的下拉框方式
5. 新增canvas標籤
我們可以基於js,把它作為一個畫布,繪製出想要的圖形或者動畫,Flash給很多Web開發者帶來了麻煩,要在網頁上播放Flash需要一堆程式碼和外掛。<canvas>標籤使得開發者只要使用一個標籤就能和使用者產生UI互動。雖然目前<canvas>標籤還不能實現Flash的所有功能。
6. 刪除<b> 和<font> 標籤
7. 刪除<frame>, <center>, <big> 標籤
8. 新增一些API(主要是供js使用的)
- webstorage:localStorage、seessionStorage 本地儲存解決方案
- web socket:新的客戶端和伺服器端通訊方案
- 獲取地理位置或者重力感應等API