網頁設計邁向HTML5新世紀
採用HTML 5不只是解決相容性問題，更新增了許多重要的特色，像是可藉助瀏覽器直接繪圖、播放音訊、播放影片、或是整合地理資訊等等，這些都是過去所沒有的。
最近，我用iPad平板電腦瀏覽自家的iThome download網站，發生了一個很窘的局面。
iThome download網站正在舉辦一個軟體PK的活動，讓網友可以針對兩個性質雷同的軟體，選出一個自己喜好的，並且說明原因。原本我都是在上班時間看看這個活動的結果，像是哪一個軟體贏了，或是網友對於這些軟體的看法。
結果有一天我心血來潮，下班回家了之後，還想要看一下當天的PK競賽結果。可能是那一天的軟體PK競賽特別激烈，一整天下來兩個知名的軟體呈現拉鉅戰，不到最後一刻分不出勝負。
我其實只是想看PK的最新票數，一時懶得再打開電腦，於是就拿起了平板電腦。開啟活動網頁之後，我一開始還滿驚訝的，這個網頁設計在iPad上呈現的效果還不差，不過我馬上發現了一個不對勁的地方──沒有顯示PK票數，我可以看到兩方陣營支持者的留言，但看不到票數。
我想要看票數，結果卻是其他都能正常顯示，只有票數顯示不出來，原因就是票數的呈現是以Flash技術製作，而iPad不支援Flash。
對我而言，這只是一個小小的挫敗經驗，因為我並不是只用平板電腦，若真有迫切的必要，我可以馬上打開電腦解決問題。然而，不容忽視的是，只用平板電腦的使用者持續在增加，在許多人的生活中，平板電腦已經取代了原本的個人電腦，這些人若用iPad瀏覽網頁，遇到了網頁設計有運用Flash，就是一連串的挫敗經驗。
若是Flash廣告無法顯示，使用者還樂得不必看廣告，但若是網站的重要功能，像是PK活動中的票數無法顯示，或是Flash影片播放器整個不能用，那問題可就大了。
這是許多網站經營者頭痛的問題，幾年前即使iPhone聲勢壯大，但畢竟不是取代了個人電腦，iPhone用戶不會全部只用手機上網，所以當網頁設計不相容於iPhone的問題還不大，但現在卻有越來越多的使用者只以iPad上網，接下來這個問題就無法再漠視不管了。
若為了解決不同裝置上的瀏覽問題，而必須再逐一開發對應的版本，對許多公司來說可是個沈重的負擔。光是不同廠牌瀏覽器、不同版本瀏覽器的相容性問題，就讓網頁設計開發人員疲於奔命了，再來個不同裝置的相容性問題，許多人其實是無力負荷。
目前看起來比較可行的解法，就是仰賴新一代網頁設計的標準HTML 5，因為HTML 5能夠通吃電腦與行動裝置。新一代的瀏覽器都會支援HTML 5，手機、平板電腦等行動裝置的瀏覽器，亦支援HTML 5。以HTML 5開發的網站，能夠確保電腦、行動裝置之間跨裝置的相容性，開發人員就不需要為了不同的裝置而客製不同的版本。
HTML 5新增了許多重要的特色，像是可藉助瀏覽器直接繪圖、播放音訊、播放影片、或是整合地理資訊等等，這些都是過去所沒有的。而這些新功能的整合，其實正呼應了未來網站應用的趨勢，所以採用HTML 5不只是為了解決相容性問題，它會讓下一代的網站開發更為便利。在本期的封面故事，我們就針對HTML 5有全面性的剖析。
此外，本期還有一則有意思的新聞。Google在機房的創新應用上，是眾所皆知的，最近他們還對外公布了一項新作法：利用污水來做機房的冷卻空調。
冷卻水塔大多數是使用自來水，不過Google在美國道格拉斯縣的機房卻開始改用新的方法，他們跟鎮上的污水處理廠合作，把污水回收再利用，將污水處理至冷卻水塔可接受的標準，先利用這些廢水來冷卻機房，之後再淨化為可排放至河流的標準。這對於節約能源，倒也是一個不錯的方法。
轉貼來源：IThome - 吳其勳／iThome電腦報周刊總編輯
參考文獻：
1.戴軒廷、馬恆、張紹勳 (2004), 衡量網路廣告態度之指標建構, 台灣管理學刊, 4(1), 59-84.
2.李青蓉等編著.(1998).人機介面設計，台北縣：空大。
3.邱柏清.(2004).網頁介面愉悅行之研究，國立台灣科技大學設計研究所碩士論文。
相關文章
一位DMOZ編輯人員對於提交網頁設計類的網站建議瞭解jQuery網頁設計對網站的影響關於虛擬主機與架站網頁設計基本概念分享製造網頁設計的反向鏈結
最新文章
HVACKer：入侵隔離網絡的新型攻擊技術還有什麼不會被入侵？路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌，最狂的是一家估值 124 億美的數據分析新創！【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala，下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了
