本文給大家整理介紹H5新晉級標(biāo)簽有哪些,希望對需要的朋友有所幫助!
一、語義化標(biāo)簽
<header>
:頭部標(biāo)簽
<nav>
:導(dǎo)航標(biāo)簽 在H4中導(dǎo)航欄一般用ul-li標(biāo)簽,H5中可以直接用<nav>標(biāo)簽
<section>
:塊級標(biāo)簽
<article>
:內(nèi)容標(biāo)簽
<aside>
:側(cè)邊欄標(biāo)簽
<footer>
:尾部標(biāo)簽
注:
1.在ie9中需要把它們轉(zhuǎn)化為塊級元素 display:block
2.主要用于移動端
二、多媒體標(biāo)簽
<video>
視頻標(biāo)簽
<audio>
音頻標(biāo)簽
三、圖形標(biāo)簽
<canvas>
定義一個圖形。
使用 JavaScript 在網(wǎng)頁上繪制圖像。
例如:顯示一個紅色的矩形:
<canvas id="myCanvas"></canvas> <script type="text/javascript"> var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100); </script>
四、新增表單元素,控件
<form> <label> 郵箱 :<input type="email" /> 數(shù)量 : <input type="number" value="50" min="0" max="100" step="5"> <!-- 最小值0、最大值100、步進(jìn)值5、value初始值50 --> </label> </form>
增加:
編輯本段新應(yīng)用程序接口(API )
除了原先的 DOM 接口,HTML5 增加了