前端常見知識(shí)點(diǎn)三之HTML

1.HTML5 drag api

• dragstart：事件主體是被拖放元素，在開始拖元素時(shí)觸發(fā)
• darg：事件是被拖放元素，在正在拖放時(shí)觸發(fā)
• dragenter：事件主體是目標(biāo)元素，在進(jìn)入某元素時(shí)觸發(fā)
• dragover：事件主體是目標(biāo)元素，在某元素內(nèi)移動(dòng)時(shí)觸發(fā)
• dragleave：事件主體是目標(biāo)元素，在移出目標(biāo)元素時(shí)觸發(fā)
• drop：事件主體是目標(biāo)元素，在目標(biāo)元素完全接受被拖放元素時(shí)觸發(fā)
• dragend：事件主體是被拖放元素，在整個(gè)拖放操作結(jié)束時(shí)觸發(fā)

2.對(duì)HTML語義化標(biāo)簽的理解

HTML5語義化標(biāo)簽是指正確的標(biāo)簽包含了正確的內(nèi)容，結(jié)構(gòu)良好，便于閱讀。（比如nav表示導(dǎo)航條，還有類似的article、header、footer）

語義化的標(biāo)簽，會(huì)使HTML結(jié)構(gòu)更加清晰

方便后期的開發(fā)和維護(hù)

有利于SEO優(yōu)化

某些標(biāo)簽的屬性有利于優(yōu)化用戶體驗(yàn)（alt、title、lable）

3.iframe是什么？有什么缺點(diǎn)？

• 定義：iframe元素會(huì)創(chuàng)建包含另一個(gè)文檔的內(nèi)聯(lián)框架；
• 提示：可以將提示文字放在標(biāo)簽之間，用來提示某些不支持iframe的瀏覽器；
• 缺點(diǎn)：會(huì)阻塞主頁(yè)面的onload事件；不利于SEO；iframe和主頁(yè)共享連接池，而瀏覽器對(duì)相同區(qū)域有限制所以會(huì)影響性能；

4.Doctype作用？嚴(yán)格模式與混雜模式如何區(qū)分？有何意義 ？

Doctype聲明于文檔最前面，告訴瀏覽器以何種方式來渲染頁(yè)面，這里有兩種模式。嚴(yán)格模式的排版和js運(yùn)作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行；混雜模式則是向后兼容，模擬老式瀏覽器，防止瀏覽器無法兼容頁(yè)面。

5.HTML5新增的元素

• 首先，html5為了更好的實(shí)踐web語義化，增加了header，footer，nav，aside,sectiond等語義化標(biāo)簽。
• 在表單方面，為了增強(qiáng)表單，為input增加了color，emial，data，range等類型。
• 在存儲(chǔ)方面，提供了sessionStorage，localStorage和離線存儲(chǔ)，通過這些存儲(chǔ)方式方便數(shù)據(jù)在客戶端的存儲(chǔ)和獲取。
• 在多媒體方面規(guī)定了音頻和視頻元素audio和vedio。
• 另外還有地理定位，canvas畫布，拖放，多線程編程的web worker和websocket協(xié)議

總結(jié)

以上是生活随笔為你收集整理的前端常见知识点三之HTML的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。