移動通信時代的網(wǎng)頁制作新標準：HTML5 CSS3

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

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

中圖分類號：TP37 文獻標識碼：A 文章編號：1009-3044（2014）18-4147-02

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

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

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

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

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

1 HTML5嶄露頭角

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

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

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

2 HTML5的新特性和新感覺

HTML5不僅精簡了DOCTYPE（聲明），也使用了簡單易記的語言標簽，而且采用簡單易記的編碼類型。

<！DOCTYPE html>

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

在HTML5語言中，空標簽（如：br、img）閉合標簽是非必需的，而、、