html 5 提高

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

<header>? ? ? ? ? ? 頭部標(biāo)簽

<nav>? ? ? ? ? ? ? ? ?導(dǎo)航標(biāo)簽

<article>? ? ? ? ? ? ?內(nèi)容標(biāo)簽

<section>? ? ? ? ? ?定義文檔某個(gè)區(qū)域

<aside>? ? ? ? ? ? ? 側(cè)邊欄標(biāo)簽

<footer>? ? ? ? ? ? ? 尾部標(biāo)簽

2.視頻、音頻標(biāo)簽：

2.1 ?<video>

支持的格式：Mp4 ???WebM ???Ogg

語法：<video???src=“文件地址” ??controls=“controls”>???</video>

controls? ? ? ? ? ? ? ? ? ? ? ? 顯示控件、播放按鈕

Loop? ? ? ? ? ? ? ? ? ? ? ? ? ? 循環(huán)播放

Poster=“背景圖片地址” （指預(yù)加載圖片）

Autoplay? ? ? ? ? ? ? ? ? ? ?自動播放

Muted? ? ? ? ? ? ? ? ? ? ? ? ?視頻的音頻輸出為靜音

2.2 <audio>

支持的格式：Mp3 ???Wav ????Ogg

語法：<audio???src=“文件地址” ??controls=“controls”>???</audio>

Loop? ? ? ? ? ? ? ? ? ? ? ? ?循環(huán)播放

Autoplay? ? ? ? ? ? ? ? ? ?自動播放

3.新增input表單：

Type=“email”

url 、 date 、 time、 month 、 week 、 number、 tel 、 search 、 color

常用的input的類型：number 、 tel 、 search

4.新增表單屬性：

Required? ? ? ? ? ? ? ? ? ? ? ?內(nèi)容不為空，必填

Placeholder? ? ? ? ? ? ? ? ? ?提示文本

Autofocus? ? ? ? ? ? ? ? ? ? ? 自動聚焦到指定表單

Autocomplete ?????off/on ????是否應(yīng)該啟??動完成功能。默認(rèn)on打開狀態(tài)

Multiple? ? ? ? ? ? ? ? ? ? ? ? ? 可以多選文件提交