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框架):

1 <!--[if lt IE 9]> 
2 <script> src="http://html5shiv.googlecode.com/svn/trunk/html5.js"</script> 
3 <![endif]--> 

如何區分: 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM