2019前端面試之html5

html5新增特性

• 語義化標籤
• 表單新特性
• 視頻和音頻canva畫布
•  svg畫圖
•  地理位置
•  爲鼠標提供的拖放api
•  webwroker
•  storage
•  websocker

常見塊級標籤

•   div,p,h1-h5,hr,menu,ol,ul,dl,dt,dd,table,from

常見行內標籤

•   span,a,b,strong,i,em,br,textarea,select,u(下劃線)

 常見行內塊標籤

• input,img,

link和@import的區別

• link屬於xml標籤，@import屬於css的一種形式>
• 加載順序的差異。當一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載，而@import引用的CSS 會等到頁面所有被下載完再被加載。因此有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍），網速慢的時候還挺明顯（夢之都加載CSS 的方式就是使用@import，一邊下載一邊瀏覽夢之都網頁時，就會出現上述問
• 兼容性的差異，@import只支持IE5以上的瀏覽器
• 使用dom控制樣式時的差異。當使用javascript控制dom去改變樣式的時候，只能使用link標籤，由於@import不是dom能夠控制的。

瀏覽器內核的理解?

• 渲染引擎：負責取得網頁的內容(html,xml和圖像等)，整理訊息(例如假如css)，以及計算網頁的顯示方式，而後輸出到顯示器或打印機。瀏覽器的內核的不一樣對於網頁的語法解釋會有不一樣，因此渲染的效果也不一樣。全部網頁瀏覽器、電子郵件客戶端以及它須要編輯、顯示網絡內容的應用程序都須要內核。
• js引擎：解析和執行javaScript來實現網頁動態效果

常見瀏覽器內核？

• IE內核：Thrident
• chorme內核：blink
• safair內核：webkit
• opera內核：Presto
• firefox內核：Gecko