一 H5的特點

H5就是在之前HTML的版本上新增了一些標簽，所以用起來沒有太多變化

01 H5的網頁骨架非常簡潔

02 H5的語法極其松散，很多標簽可以省略，也可以只寫開始不寫結束

03 H5中新增的標簽具有很強的語義化，利于網頁優化

04 H5是向下兼容的一個版本，在它里面可以書寫任意之前用過的HTML標簽

05 H5目前并沒有達到所有瀏覽器都支持，從IE9+之后開始部分支持。

Chrome Firefox 這些標準瀏覽器最新版本基本都支持了

二 H5新增結構標簽

01 : 表示頭部內容

02 : 導航標簽

03 : 和div 類似，可以表示一個完整的區域

04 ： 側邊欄

05 : 文字區域

06 : 底部區域

: 時間標簽

三 H5新增input 屬性

01 placeholder: 代替 value 屬性可以實現類似于 focus blur 焦點的事件操作

02 autofocus: 具有該屬性的Input 會自動獲取到焦點

03 required: 具有該屬性的input 為必填項

04 autocomplete: on autocomplete: off 分別表示開啟和關閉自動補全功能，該input 必須具有 name 屬性。

四 H5新增下拉列表

值

…….

五 H5新增 type 類型

01 email : 驗證郵箱格式

02 url : 需要寫入完整的網址 例 http://www.baidu.com

03 number: 只能輸入數值

04 search : 一般用來做搜索框

05 range : 顯示為一個滑塊

06 color : 調用當前設備下自帶的拾色器

07 datetime-local: 本地的詳細時間信息

08 month: 設置當前為一年的第多少個月

09 week :第***周

10 date : 設置當前是多少號

ime: 設置具體的****分

六 音頻標簽

對不起，您的瀏覽器不支持該標簽

…………

01 利用 audio 標簽可以在 html 頁面中引入相應的聲音資源，但是到目前為止沒有哪一種格式的聲音是被所有瀏覽器都支持的。

02 source 標簽就是專門用來引入不同格式聲音資源的

03 為了兼容低版本瀏覽器，可以在 audio 中寫出相應文字，在不支持audio 標簽的瀏覽器中可以看到這段文字

04 autoplay=”autoplay” 設置自動播放 可以縮寫為autoplay

05 controls=”controls” 調用設備自帶播放控件 可以縮寫為controls

loop=”loop” 設置循環播放 可以縮寫為loop

七 視頻標簽

…………..

01 用法和 audio 極其相似，可以設置寬高屬性，和圖片差不多，設置一邊另一邊會自動縮放。

02 onpause 和 onplay 分別是JS中提供給 video標簽用監測當前視頻是暫停還是播放的二個事件。

八 H5新增的本地存儲方案

本地存儲是相對于將數據存放在服務器端而言，H5中新增了幾種方案可以直接在瀏覽器本地存放數據。

01 localStorage 和 sessionStorage : 兩個全局對象，身上具有 存、取、刪數據的操作方法

02 setItem( ‘鍵名’，’鍵值’ ) ：按著某個名字來存放數據。

03 getItem( ‘鍵名’ )： 獲取某個鍵名的值

04 removeItem(‘鍵名’ ):刪除某個鍵名的值

localStorage 和 sessionStorage存數據的區別就在于 localStorage 存放的數據在頁面關閉之后仍然保存在瀏覽器中，而 sessionStorage存放的數據在頁面關閉之后自動清除再次打開頁面時就沒了。

總結

以上是生活随笔為你收集整理的h5比html新增加的标签,HTML5（H5）新增属性和标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。