前端常見知識點三之HTML

1.HTML5 drag api

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

2.對HTML語義化標簽的理解

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

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

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

有利于SEO優(yōu)化

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

3.iframe是什么？有什么缺點？

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

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

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

5.HTML5新增的元素

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

總結(jié)

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

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