前端面試題總結【22】: html5 的新特性以及新標簽的瀏覽器兼容問題

html5有哪些新特性、移除了那些元素?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分 HTML 和 HTML5?

新特性:

HTML5 現在已經不是 SGML 的子集,主要是關于圖像,位置,存儲,多任務等功能的增加。

1. 拖拽釋放(Drag and drop) API

2. 語義化更好的內容標簽(header,nav,footer,aside,article,section)

3. 音頻、視頻API(audio,video)

4. 畫布(Canvas) API

5. 地理(Geolocation) API

6. 本地離線存儲 localStorage 長期存儲數據,瀏覽器關閉后數據不丟失;

7. sessionStorage 的數據在瀏覽器關閉后自動刪除

8. 表單控件,calendar、date、time、email、url、search

9. 新的技術webworker, websocket, Geolocation

移除的元素:

1. 純表現的元素:basefont,big,center,font, s,strike,tt,u;

2. 對可用性產生負面影響的元素:frame,frameset,noframes;

支持HTML5新標簽:

1. IE8/IE7/IE6支持通過 document.createElement 方法產生的標簽,可以利用這一特性讓這些瀏覽器支持 HTML5 新標簽,瀏覽器支持新標簽后,還需要添加標簽默認的樣式(當然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架):

`<!--[if lt IE 9]> `

`<script> src="[http://html5shiv.googlecode.com/svn/trunk/html5.js](http://html5shiv.googlecode.com/svn/trunk/html5.js)"</script> `

`<![endif]-->` 

如何區分:

DOCTYPE聲明新增的結構元素、功能元素

推薦:

  • 持續更新,致力于做一個持久的搬運工!
  • 下面是已經整理好的面試題PDF獲取和相關進階學習書籍資料地址,有需求戳一下
  • 2020前端面試題總結合集
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。