什么是HTML5?
廣義論及HTML5時(shí)，實(shí)際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。它希望能夠減少瀏覽器對(duì)于需要外掛程式的豐富性網(wǎng)路應(yīng)用 服務(wù)(plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，並且提供更多能有效增強(qiáng)網(wǎng)路應(yīng)用的標(biāo)準(zhǔn)集。這樣，搜索引擎可以更容易索引Web站點(diǎn)，我們也可以搜索到更快，更準(zhǔn)確的信息。
HTML5會(huì)帶來一個(gè)統(tǒng)一的網(wǎng)絡(luò)，無論是筆記本，臺(tái)式機(jī)，還是智能手機(jī)都應(yīng)該很方便的瀏覽基于HTML5的網(wǎng)站。因此在設(shè)計(jì)網(wǎng)站的時(shí)候，開發(fā)者需要重新考 慮用戶體驗(yàn)，網(wǎng)站瀏覽，網(wǎng)站結(jié)構(gòu)等因素使得這個(gè)網(wǎng)站對(duì)任何硬件設(shè)備都通用。
以下將講述HTML5與常用的Flash的區(qū)別，及與IE的常見問題
HTML5 與 Flash 這個(gè)爭(zhēng)論由來已久，F(xiàn)lash被某些開發(fā)設(shè)計(jì)者濫用導(dǎo)致一些網(wǎng)頁(yè)加載緩慢，而HTML5為之帶來一線曙光。相對(duì)于移動(dòng)設(shè)備用戶來說，ios設(shè)備用戶可能會(huì) 從HTML5獲得更多好處，因?yàn)樘O果一直不愿支持Flash。
現(xiàn)在看來，就頁(yè)面游戲而言，F(xiàn)lash是更好的選擇，但取決于你的瀏覽器，如果你的游戲不是很復(fù)雜，HTML5是更好的選擇。Web開發(fā)與設(shè)計(jì)者從這些爭(zhēng) 論中應(yīng)該吸取的東西是，F(xiàn)lash之外還有別的選擇，但Flash有牢固的地盤，在為客戶提供開發(fā)設(shè)計(jì)的時(shí)候，需要對(duì)他們的目標(biāo)客戶做一些研究。
HTML5 與 IE IE9經(jīng)常高調(diào)宣揚(yáng)它對(duì)HTML5的兼容，它確實(shí)將是一個(gè)很好地支持HTML5的瀏覽器，因?yàn)椋琁E9使用 Windows現(xiàn)代圖形API以及PC的圖形加速卡輸出文字和圖形。微軟還曾宣稱，IE9將支持GPU加速的 HTML5，將圖形滾動(dòng)，3D圖形顯示等處理交由圖形加速卡。 但是不可忽視的是，在中國(guó)用戶中還是有一部分固定用戶正在使用不支持HTML5的IE6。所以在網(wǎng)站的制作初期，目標(biāo)用戶的定位要明確。
實(shí)例欣賞
李安導(dǎo)演的PI’S EPIC JOURNEY電影創(chuàng)造的一段佳話，而他的網(wǎng)站也極具代表性–以前大家著重在于內(nèi)容本身，而它有著濃郁的HTML5的特征以交互為核心。整站在不同分辨 率下面css用的不一樣，移動(dòng)設(shè)備下面可以有動(dòng)畫，移動(dòng)設(shè)備下面可以播放視頻。就設(shè)計(jì)而言，3d翻轉(zhuǎn)的特效可以大膽構(gòu)想;可以使用濾鏡、圓角，以前這些需 要切圖來實(shí)現(xiàn)，現(xiàn)在只需幾行css即可。這些強(qiáng)大的功能背后都給設(shè)計(jì)師留下了更多的想象空間，同時(shí)也創(chuàng)造出了更大的交互難度。
站址：http://journey.lifeofpimovie.com/
頗具特色的橫版滾動(dòng)站點(diǎn)，無論是視頻影音結(jié)合技術(shù)，亦或是他里面展示的作品，都超級(jí)值得一看!
站址：http://vaclavkrbusek.com/
豎版滾動(dòng)并帶聲效的站點(diǎn)，更為貼近游戲的感覺，受到游戲類網(wǎng)站設(shè)計(jì)者的青睞。此類形式被應(yīng)用到多款游戲網(wǎng)站設(shè)計(jì)中，吸引觀眾眼球，并帶來歡呼聲。
站址：http://www.soul-reaper.com/
游戲網(wǎng)站中Flash模擬HTML5形式案例
>炫舞的品牌站：沒有記錯(cuò)的話，炫舞應(yīng)該是第一個(gè)吃螃蟹的吧，雖然他們用的是Flash模擬的HTML5的一個(gè)形式，但是他依舊很明確的表現(xiàn)出了炫舞的特色。
站址：http://x5.qq.com/act/a20120520love/
英雄聯(lián)盟的2012年5月主題活動(dòng)站：也是Flash模擬的HTML5的一個(gè)形式，但是他融入了音樂和聲效，在視覺上眼睛一亮的同時(shí)，在聽覺上也備受震撼。
站址：http://lol.qq.com/act/a20120511brand/
>地下城與勇士:相繼推出了好幾款模擬HTML5效果卡通的特色頁(yè)面，里面設(shè)計(jì)與交互動(dòng)畫細(xì)節(jié)更為細(xì)膩。
站址：http://dnf.qq.com/act/a20120718show/
站址：http://dnf.qq.com/act/a20121011show/
以上幾個(gè)案例在當(dāng)時(shí)來說，已經(jīng)很具實(shí)驗(yàn)嘗新精神了，同時(shí)也頗具當(dāng)時(shí)階段性的制約性：
1.預(yù)留制作時(shí)間不足，很多策劃者可能覺得就是向下滾動(dòng)，制作起來應(yīng)該是分分鐘的事情，但是在HTML5技術(shù)未廣泛成熟之前，制作所要耗費(fèi)的時(shí)間可能是Flash的3-5倍。就今日而言此問題依舊存在，這點(diǎn)請(qǐng)?jiān)陧?xiàng)目初期就明確的預(yù)留出充分時(shí)間。
2.動(dòng)畫的復(fù)雜程度，HTML5動(dòng)畫的制作相對(duì)于Flash來說制作更為繁瑣、耗時(shí)更長(zhǎng)，而效果卻不如Flash細(xì)膩，如果該頁(yè)面需要復(fù)雜動(dòng)畫特效，建議還是使用Flash制作，動(dòng)畫達(dá)到效果將更加優(yōu)雅。
昨 天的嘗試是為了今天更好的作品而存在的。2013年從NBA2Konline到怪物獵人，再到如今的劍靈的官網(wǎng)與天涯明月刀的公子羽品牌站，幾款嘗試新技 術(shù)站點(diǎn)的問世，預(yù)示著技術(shù)的越來越成熟的同時(shí)也讓我們對(duì)明年的站點(diǎn)充滿了期待。在此，也希望之后能開辟更多更具時(shí)代性&特色鮮明的游戲網(wǎng)站。
NBA2Konline站址：http://nba2k.qq.com/act/a20130606lbj/
怪物獵人：很遺憾下線了。。。
天涯明月刀站址：http://wuxia.qq.com/act/a20131010gzy/
