H5是為了讓移動(dòng)設(shè)備支持多媒體
新特性:
1.新表單元素引入
input元素及type屬性
<input type="email" />
//type屬性:
email
url
number
range
color
date
month
week
time
form屬性
autocomplete=" on | off " //自動(dòng)完成(歷史內(nèi)容記憶)
novalidate=" on | off " //關(guān)閉表單校驗(yàn)
input屬性
autofocus:自動(dòng)獲取焦點(diǎn)
form:form元素外制定與哪個(gè)form一并提交(form的值為“目標(biāo)form的id”)
list:綁定input的下拉內(nèi)容,list的值為目標(biāo)元素的id 目標(biāo)元素為
<datalist id="aaa">
<option></option>
</datalist>
multiple:select加此屬性可多選
placeholder:文字提示內(nèi)容
required:必填
2.新語義標(biāo)簽的引入
<header></header>
<nav></nav>
<section></section>
<footer></footer>
<article></article>
但是這些新語義標(biāo)簽在低版本IE瀏覽器中兼容性很差竿裂,以下是IE低版本兼容解決方案
<!--[if lte IE 8]>
<script type="text/javascript" src="../html5shiv.min.js"></script>
<![endif]-->
3.多媒體控件
<video></video>
<audio></audio>
屬性:controls顯示多媒體控件
屬性:autoplay自動(dòng)播放
屬性:loop設(shè)置循環(huán)播放
4.canvas標(biāo)簽
5.本地?cái)?shù)據(jù)庫
6.一些API
好處:
1睛廊、跨平臺(tái)(可嵌入各種平臺(tái))
缺點(diǎn):
1狂塘、兼容性不好