html5新特性有哪些

1.語義化標簽

對比之前HTML沒有體現結構語義化的標簽，如：

<div id="header"></div>  //表頭的聲明

HTML5提供語義化標簽，如：

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

2.增強型表單

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

color,url,date等

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

新增表單元素，如：

<output>，用于用于不同類型的輸出，比如計算或腳本輸出。

新增表單屬性，如：

placehoder 屬性，簡短的提示在用戶輸入值前會顯示在輸入域上。即我們常見的輸入框默認提示，在用戶輸入后消失。

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

pattern 屬性，描述了一個正則表達式用于驗證<input> 元素的值。

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

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

height 和 width 屬性，用于 image 類型的 <input> 標簽的圖像高度和寬度。

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

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

3.新增視頻 <video> 和音頻 <audio> 標簽

<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新特性有哪些的詳細內容，更多請關注武林網其它相關文章！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。