html5有哪些新特性

這篇文章主要介紹了html5有哪些新特性，具有一定借鑒價值，需要的朋友可以參考下。下面就和我一起來看看Linux下隱藏文件簡單方法吧。

html5新特性有哪些

1.語義化標(biāo)簽

對比之前HTML沒有體現(xiàn)結(jié)構(gòu)語義化的標(biāo)簽，如：

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

HTML5提供語義化標(biāo)簽，如：

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

2.增強(qiáng)型表單

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

color,url,date等

這些新特性提供了更好的輸入控制和驗(yàn)證。

新增表單元素，如：

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

新增表單屬性，如：

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

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

pattern 屬性，描述了一個正則表達(dá)式用于驗(yàn)證<input> 元素的值。

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

step 屬性，為輸入域規(guī)定合法的數(shù)字間隔。

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

autofocus 屬性，是一個 boolean 屬性。規(guī)定在頁面加載時，域自動地獲得焦點(diǎn)。

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

3.新增視頻 <video> 和音頻 <audio> 標(biāo)簽

<video>     <video src="/i/movie.ogg" controls="controls">
               your browser does not support the video tag
     </video>
  <audio>
      <audio src="someaudio.wav">您的瀏覽器不支持 audio 標(biāo)簽。</audio>

4.Canvas繪圖

5.SVG繪圖

6.地理定位

7.拖放API

8.Web Worker

9.Web Storage

10.WebSocket

關(guān)于html5有哪些新特性就分享到這里了，希望以上內(nèi)容可以對大家有一定的參考價值，可以學(xué)以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。