html5新特性有哪些

html5新功能有哪些

#1.語意化標籤

##比較之前HTML沒有體現結構語意化的標籤，如：

<div id="header"></div>  //表头的声明

HTML5提供語意化標籤，如：

<header><article><footer><nav><aside><section>等

2.增強型表單

多個新的表單Input 輸入類型，如：

color,url,date等

這些新特性提供了更好的輸入控制和驗證。

新增表單元素，如：

，用於用於不同類型的輸出，例如計算或腳本輸出。

新增表單屬性，如：

placehoder 屬性，簡短的提示在使用者輸入值前會顯示在輸入域上。即我們常見的輸入框預設提示，在使用者輸入後消失。

required  屬性，是一個 boolean 屬性。要求填寫的輸入域不能為空

pattern 屬性，描述了一個正規表示式用來驗證 元素的值。

min 和 max 屬性，設定元素最小值與最大值。

step 屬性，為輸入域規定合法的數字間隔。

height 和 width 屬性，用於 image 類型的 標籤的圖像高度和寬度。

autofocus 屬性，是一個 boolean 屬性。規定在頁面載入時，網域自動地獲得焦點。

multiple 屬性 ，是一個 boolean 屬性。規定 元素中可選擇多個值。

3.新增影片 

<video>     <video src="/i/movie.ogg" controls="controls">
               your browser does not support the video tag
     </video>
  <audio>
      <audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>

4.Canvas繪圖

#5.SVG繪圖

6.地理定位

7.拖曳API

8.Web Worker

9.Web Storage

#10.WebSocket

更多

html基礎教學，請上PHP中文網！        #

以上是html5新特性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！