本文給大家整理介紹H5新晉級標簽有哪些,希望對需要的朋友有所幫助!
一、語義化標簽
<header>
:頭部標簽
<nav>
:導航標簽 在H4中導航欄一般用ul-li標簽,H5中可以直接用<nav>標簽
<section>
:塊級標簽
<article>
:內容標簽
<aside>
:側邊欄標簽
<footer>
:尾部標簽
注:
1.在ie9中需要把它們轉化為塊級元素 display:block
2.主要用于移動端
二、多媒體標簽
<video>
視頻標簽
<audio>
音頻標簽
三、圖形標簽
<canvas>
定義一個圖形。
使用 JavaScript 在網頁上繪制圖像。
例如:顯示一個紅色的矩形:
<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" /> 數量 : <input type="number" value="50" min="0" max="100" step="5"> <!-- 最小值0、最大值100、步進值5、value初始值50 --> </label> </form>
增加:
編輯本段新應用程序接口(API )
除了原先的 DOM 接口,HTML5 增加了