CSS3+HTML5瀏覽器測試
最近各大網站相繼測試了許多新的標準，其中最大宗的就是CSS3 (Cascading Style Sheets 3) 及HTML5 (HyperText Markup Language 5)。
CSS是由W3C ( World Wide Web Consortium全球資訊網協會) 所定義的標準，目的是讓HTML、XML能結構化，決定文件的色彩、字型、排版等等，而目前CSS3還在開發的過程。
HTML照字面的意就是”定義網頁建立和其它可在網頁瀏覽器中看到的資訊”，目前也是由W3C來維護。HTML 5主要是減少瀏覽器對於需要外掛程式的豐富性網路應用服務（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，並且提供更多能有效增強網路應用的標準集，而關於這點，網路上也有許多的參考文章，比如水果與Flash之間的對戰文等等。相關內容：賈柏斯對Flash的看法，內容主要在說Flash是封閉的系統與Apple所謂的開放不合，且在穩定性、安全與效能上都有疑慮，關於這些還有更多的參考文章。
以下是這次主要測試的四個瀏覽器及其版本：
Firefox 4.0 beta 7 Chrome 7.0.517.44
Opera 11.00 beta Internet Explorer 9.0.7630.16406 beta
參考評分： ★（最差）～ ★★★★★（推薦）
在網路上有一個很有趣的CSS3測試方法，是利用CSS3的語法直接畫出一個哆啦A夢，測試網址：http://blog-imgs-42-origin.fc2.com/s/h/o/shopdd/dora_css3.html，以下是四個瀏覽器的實測結果：
IE9：背景陰影 - 有 身體陰影 - 無 圖形 - 手部不正常 動畫 - 眼睛不會轉動
★★
Opera11：背景陰影 - 有 身體陰影 - 無 圖形 - 手部不正常 動畫 - 眼睛不會轉動
★★
Chrome 7：背景陰影 - 有 身體陰影 - 有 圖形 - 正常 動畫 - 眼睛轉動
★★★★★
Firefox 4：背景陰影 - 有 身體陰影 - 有 圖形 - 嘴巴不正常 動畫 - 眼睛不會轉動
★★★
HTML5測試網址：http://www.html5test.com/，會利用各種目前所規範的HTML5包括語法規則、文字、影片支援、音樂.....等等進行全方面的測試，其中也針對各種瀏覽器的私有語法進行測試，此項會以額外加分的方式顯示。以下是四個瀏覽器的實測結果：
IE9：分數 - 96分，5分額外加分。
Opera11：分數 - 179分，7分額外加分。
Chrome 7：分數 - 231分，12分額外加分。
Firefox 4：分數 - 207分，9分額外加分。
從這二個簡單的測試中，不難看出，其實Google非常努力的在維護Chrome瀏覽器，尤其是像影片直接支援 H.264 部份，Google也不惜花錢付使用的權利金，在這方面Firefox就沒有將需要花錢的 H.264 給包含在支援的行列中，意思也就是假如未來的Youtube等影音網站如果全面改用 H.264來播放，那Firefox就沒辦法正常瀏覽囉。
而在這二種之的Opera也維持在水平之上，但我想Opera最重要的還是在原創性，尤其是許多好用的功能或操作畫面都是在Opera上先看到的。最後，IE真的是財大氣粗，一直堅持自己的風格，分數其實有點低的嚇人。另外參考目前已發行版中並有沒對HTML5進行支援的IE8分數為27分，無額外加分。Firefox 3.6則為139分，額外加4分。
留言列表
