摘要：智能手機(jī)、平板等移動(dòng)終端的不斷普及，對(duì)網(wǎng)頁(yè)的要求也不斷的提升。為了應(yīng)對(duì)智能手機(jī)與平板的風(fēng)行，同時(shí)又兼顧原有的PC平臺(tái)，目前最流行也是唯一的解決方法就是采用HTML5+CSS3，這已經(jīng)成為了不可阻擋的趨勢(shì)，這又順應(yīng)這個(gè)趨勢(shì)，才能在移動(dòng)時(shí)代的洪流中嶄露頭角。

關(guān)鍵詞：HTML5；CSS3；蘋(píng)果；優(yōu)化

中圖分類(lèi)號(hào)：TP37 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2014）18-4147-02

HTML（超文本標(biāo)記語(yǔ)言）是構(gòu)成網(wǎng)頁(yè)的基礎(chǔ)，由W3C制定的標(biāo)準(zhǔn)語(yǔ)言，因此我們所編寫(xiě)的HTML網(wǎng)頁(yè)必須使用符合W3C規(guī)格的瀏覽器，才能順利的解釋文件，繼而看到網(wǎng)頁(yè)的執(zhí)行結(jié)果。

HTML最早為HTML1.0，接下來(lái)HTML又不斷進(jìn)行升級(jí)，又有HTML2.0、HTML3.0、HTML3.2，乃至1999年12月公布的HTML4.01。從嚴(yán)格意義上說(shuō)，目前的HTML4.01仍為最新的標(biāo)準(zhǔn)版本，2012年12月17日， W3C正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的HTML5規(guī)范已經(jīng)正式定稿。

CSS是Casacading Style Sheet的縮寫(xiě)，譯為“層疊樣式表單”。在1997年W3C公布HTML4標(biāo)準(zhǔn)的同時(shí)，也公布了第一個(gè)CSS標(biāo)準(zhǔn)“CSS1”，CSS的出現(xiàn)讓規(guī)格不一、互不兼容的元素標(biāo)簽有了共同的規(guī)格，簡(jiǎn)化了網(wǎng)頁(yè)編輯的流程。

CSS是DHTML的一部分，W3C把DHTML劃分成3部分：腳本程序（如Javascript）、CSS、支持動(dòng)態(tài)效果的瀏覽器。建立CSS的用意就是把對(duì)象引入HTML，以便利用腳本程序可以設(shè)定、變更、取用對(duì)象屬性，從而達(dá)到制作動(dòng)態(tài)化頁(yè)面的目的。[1]

在1998年5月，W3C又發(fā)布了CSS2版本，CSS的功能也更加充實(shí)、完整。CSS目前的最新版本是CSS2.1而非CSS3。CSS2.1是W3C的候選推薦標(biāo)準(zhǔn)，添加了很多新屬性，同時(shí)也刪除了一些CSS2的原有屬性。時(shí)至今日，CSS3盡管仍是在草案階段，但在2011年6月7日，CSS3 Color Module已被發(fā)布為W3C推薦的模塊。

1 HTML5嶄露頭角

科技總是走在標(biāo)準(zhǔn)的前面。就像ISO制定的OSI的7層參考模型一樣，當(dāng)它在還制訂中的時(shí)候，TCP/IP模型已經(jīng)走入市場(chǎng)，被廣泛應(yīng)用了。同樣，隨著HTML在互聯(lián)網(wǎng)漸行漸遠(yuǎn)， W3C 已經(jīng)落后于因特網(wǎng)時(shí)代的節(jié)奏。目前使用最普遍的HTML語(yǔ)言差不多十年沒(méi)有大太大的變動(dòng)，這十年間互聯(lián)網(wǎng)從技術(shù)到應(yīng)用都已滄海桑田， 與繁雜的Server端技術(shù)的進(jìn)化相比，甚至大多數(shù)的人們已經(jīng)忘記HTML還要改進(jìn)，還能夠增進(jìn)更多的功能。 [2]

在2010年，發(fā)生了一件改變世界的事情，那就是iphone4正式發(fā)布。喬幫主的心血之作，時(shí)至今日也被奉為經(jīng)典的iphone手機(jī)，在發(fā)布會(huì)上喬布斯在示范HTML5是如何觀看視頻的。你沒(méi)有聽(tīng)錯(cuò)，HTML5完全能夠不用Flash來(lái)播放視頻，而且功能要比Flash更強(qiáng)大，最高支持8倍快放。喬布斯怒斥Flash技術(shù)是有“巨量安全漏洞”的“舊技術(shù)”、“ 運(yùn)行速度慢” “CPU資源黑洞”，在他的一篇名為《關(guān)于Flash的思考》中寫(xiě)到：“Flash是PC時(shí)代的產(chǎn)物，它是為PC與鼠標(biāo)發(fā)明的。”言下之意不言而喻，那就是Flash已經(jīng)“out”了，已經(jīng)適應(yīng)不了移動(dòng)端的需求了，而蘋(píng)果等新興的電子巨頭不滿足與W3C拖泥帶水、思維僵化，自行組織了超文本應(yīng)用科技工作組，其目的就是使HTML5更為規(guī)范化和普遍化。在2014年的5月，微軟正式宣布停止對(duì)Windows XP的更新，意味著不支持HTML5的IE6及更低的IE版本不會(huì)再有安全補(bǔ)丁的更新，更打響了瀏覽器對(duì)HTML5的全面支持。

自此，HTML5已經(jīng)被廣泛認(rèn)可和使用，一舉成為超文本標(biāo)記語(yǔ)言的新貴。

2 HTML5的新特性和新感覺(jué)

HTML5不僅精簡(jiǎn)了DOCTYPE（聲明），也使用了簡(jiǎn)單易記的語(yǔ)言標(biāo)簽，而且采用簡(jiǎn)單易記的編碼類(lèi)型。

<！DOCTYPE html>

拿三句代碼為例，它們分別定義了HTML的版本，頁(yè)面語(yǔ)言及編碼方式。HTML5 只有一個(gè)簡(jiǎn)單的文檔類(lèi)型：<！DOCTYPE html>，它不使用版本，因此該文檔類(lèi)型適用所有版本的HTML，你不再需要把xmlns 或xml：lang標(biāo)記加入到中，在HTML5中， 是有效的。你也可以在meta 標(biāo)簽中使用charset。而這些，在HTML4中是不允許的。

在HTML5語(yǔ)言中，空標(biāo)簽（如：br、img）閉合標(biāo)簽是非必需的，而、、