HTML5--前言與注意事項

收集資料複習(學習/預習)一下html5,希望能自己早日找到實習,希望各位前端程序員也能找到好工作٩(๑❛ᴗ❛๑)۶。


HTML5概述

在之前開發中,我或多或少都使用過HTML5的新特性,結合網上的資料,我專門來整合一下相關的內容。
HTML5主要分爲以下幾個部分:
1. 常用的新元素
2. 常見的新屬性
3. CSS3
4. 畫布
5. 多媒體技術
6. 本地存儲
7. Web Workers
8. WebSocket

上面的八個部分中,我打算寫7篇文章,其中canvas技術本人用得實在是太少了,所以暫時不打算寫。其他的部分,按照介紹順序一篇篇的寫。

HTML5注意事項

本文除了對HTML5進行概述之外,還有一個任務,就是介紹HTML5使用注意事項。
1. 聲明

<!DOCTYPE html>聲明必須位於 HTML5 文檔中的第一行

如果沒有這個聲明,可能導致瀏覽器以怪異模式來解析HTML文件。

2. 廢棄的標籤
以下的 HTML 4.01 元素在HTML5中已經被刪除:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>

被刪除的標籤可能會被瀏覽器識別,但是這是有風險的。爲了避免瀏覽器不能正確識別這類標籤,我們應該避免使用。
3. 瀏覽器兼容性
目前所有的主流瀏覽器都已經支持HTML5,而IE從9開始支持HTML5.
爲了IE9 以下版本瀏覽器兼容HTML5的方法,你可以使用結合IE的條件註釋HTML5 Shiv文件。
HTML5 Shiv是js文件,它可以讓低版本的IE正常使用HTML5的標籤,你只需要引用它即可。
例如:

//谷歌的靜態資源包
<!--[if lt IE 9]>
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
< ![endif]-->

//或者使用國內的鏡像
<!--[if lt IE 9]> 
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

不過這還沒有完,你還要在CSS中添加這樣一句話纔行:

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

本章節內容到此結束,希望大家喜歡。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章