- 語(yǔ)義化標(biāo)簽
- 表單新特性
- video和audio
- canvas畫(huà)布
- webworker
- webscoket
- 拖拽api
1. 語(yǔ)義化標(biāo)簽
便于seo声怔,方便開(kāi)發(fā)維護(hù)
<section>文檔的主體部分</section>
<aside>用來(lái)裝載頁(yè)面中非正文的內(nèi)容,例如廣告浊吏、成組的鏈接绍刮、側(cè)邊欄</aside>
<header></header>
<nav>定義了一個(gè)鏈接組組成的導(dǎo)航部分</nav>
<audio>
<video>
2. 表單新元素
1. process進(jìn)度條
<progress value="0"></progress>
2. datalist 建議列表
<datalist id="lunchList">
<option>京醬肉絲</option>
<option>鍋包肉</option>
<option>魚(yú)香肉絲</option>
<option>青椒肉絲</option>
<option>地三鮮</option>
</datalist>
<input type="text" name="lunch" list="lunchList"/>
3. meter 度量衡/刻度尺/, 用于標(biāo)示一個(gè)所處的范圍
<meter min="可取的最小值" max="可取的最大值" low="合理的下限值" high="合理的上限值" optimum="最佳值" value="當(dāng)前值" ></meter>
4. placeholder:占位字符 作為提示不可提交
<input value=“tom” placeholder=“請(qǐng)輸入用戶名”/>
5. multiple : 允許輸入框中出現(xiàn)多個(gè)輸入值用逗號(hào)分隔 [a@dn.com](mailto:a@dn.com)量瓜,[b@dn.com](mailto:b@dn.com)
<input type="email" name="emails" multiple>
3. webworker
webworker:多線程
Worker 線程一旦新建成功愕掏,就會(huì)始終運(yùn)行前方,不會(huì)被主線程上的活動(dòng)(比如用戶點(diǎn)擊按鈕、提交表單)打斷
同源限制
DOM限制: Worker 沒(méi)有window蒋川,parent牲芋,document對(duì)象,但是有 navigator,navigator
通信聯(lián)系
worker縣城和主線程不再同一上下文環(huán)境缸浦,他們不能直接通信
4. 拖拽api
源對(duì)象:
dragstart:源對(duì)象開(kāi)始拖放夕冲。
drag:源對(duì)象拖放過(guò)程中。
dragend:源對(duì)象拖放結(jié)束裂逐。
過(guò)程對(duì)象:
dragenter:源對(duì)象開(kāi)始進(jìn)入過(guò)程對(duì)象范圍內(nèi)歹鱼。
dragover:源對(duì)象在過(guò)程對(duì)象范圍內(nèi)移動(dòng)。
dragleave:源對(duì)象離開(kāi)過(guò)程對(duì)象的范圍卜高。