HTML小知識點
HTML小知識點
html標籤有幾個可以逃過同源策略
<link rel="stylesheet" type="text/css" href="*.css">
<script><script/>
attribute和property有什麼區別
attribute和property有什麼區別
img的title和alt有什麼區別
title是滑鼠滑動到元素上時候顯示 alt是img的特有屬性，用於圖片無法載入顯示 提高了圖片可訪問性，搜尋會重點分析alt
什麼是語義化
HTML5語義化標籤是指正確的標籤包含了正確的內容，結構良好，便於閱讀 比如nav表示導航條，類似的還有article、header、footer等等標籤。
- 讓人更容易讀懂
- 讓機器更容易讀懂
- 有助於SEO
html5有哪些新特性
主要是
影象 位置 儲存 多工websocket video和audio，繪畫canvas 增加localStorage長期駐留瀏覽器, sessionStorage瀏覽器關閉就刪除
html5離線儲存怎麼使用
新建一個
.appcache檔案快取機制裡面有一份需要解析的清單，會被儲存在本地 沒網的時候顯示這個就好了 具體的就是在頁面頭部下加入一個manifest屬性在裡面編寫需要儲存的離線儲存資源清單在離線的時候，呼叫window.applicationCache就可以進行需求實現
iframe有什麼缺點
定義：iframe元素會建立包含另一個文件的內聯框架 可以將提示文字放在<iframe>之間，來提示某些不支援iframe的瀏覽器
- 會阻塞頁面的onload事件
- 不利於seo
- 會影響頁面的並行載入，因為共享池問題對相同域的連線有限制
xhtml和html有什麼區別
功能上有差別，
xhtml有很好的相容性書寫情況也有差別，xhtml更加嚴格必須被嚴格巢狀，閉合和區分大小寫等 可以通過開頭的Doctype來區分
canvas和svg有什麼區別
svg繪製出來的
元素都可以作為獨立的DOM節點, 能夠繫結事件,並且是向量圖canvas輸出的是一張圖, 不是向量的
說一下HTML5 drag api
dragstart：事件主體是被拖放元素，在開始拖放被拖放元素時觸發。 darg：事件主體是被拖放元素，在正在拖放被拖放元素時觸發。 dragenter：事件主體是目標元素，在被拖放元素進入某元素時觸發。 dragover：事件主體是目標元素，在被拖放在某元素內移動時觸發。 dragleave：事件主體是目標元素，在被拖放元素移出目標元素是觸發。 drop：事件主體是目標元素，在目標元素完全接受被拖放元素時觸發。 dragend：事件主體是被拖放元素，在整個拖放操作結束