前端常見知識點三之HTML

1.HTML5 drag api

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

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

HTML5語義化標簽是指正確的標簽包含了正確的內容，結構良好，便于閱讀。（比如nav表示導航條，還有類似的article、header、footer）

語義化的標簽，會使HTML結構更加清晰

方便后期的開發和維護

有利于SEO優化

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

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

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

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

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

5.HTML5新增的元素

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。