1. 程式人生 > >HTML5相比HTML新增了哪些功能?

HTML5相比HTML新增了哪些功能?

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使用的)

  1. webstorage:localStorage、seessionStorage 本地儲存解決方案
  2. web socket:新的客戶端和伺服器端通訊方案
  3. 獲取地理位置或者重力感應等API