下個網站使用HTML5/CSS3來實作吧!

不曉得身為網頁設計師的你，是否有考慮在下個專案開始使用HTML5/CSS3了呢？

HTML5/CSS3在2009年開始引發討論，並且在2010年開始至今年產出了非常多極具實用性的文獻及週邊應用。除了新標籤的使用方式外，最令人關心的應該還是老舊瀏覽器的支援度問題。

但是這一年來已經有非常多的處理方法，可以幫助我們處理相容性的問題，即使IE系列支援度很差，但這也不該是讓我們躊躇不前的原因，大多數新標籤，也許舊版瀏覽器看不懂，但這並不影響瀏覽，況且也有很多處理工具可以解決，所以何不先從(正確地)加上基本的HTML5語意標籤開始？

改版後的網站，在老舊的瀏覽器也許看起來很醜，在較新式的瀏覽器卻很酷炫，對使用者而言能產生很棒的推廣，也可以藉此機會向業主說明，IE佔有率的下降及HTML5在行動設備上的優勢(順便跟他提一下可上網的手機出貨量已經超過PC了)。

也許讓網頁使用新的文件格式，對業主來說吸引力還是不夠強，但若是SEO呢？以本站為例，全站版型在2011年10月5日改以HTML5格式撰寫，一個月後觀察Google Analytics就發現每日流量平均就提升了25%。(下面是Google Analytics的截圖，週期性的「低谷」是周六與周日)

這裡是個小小站，但像T客邦的XDite也說改寫HTML5後，T客邦的日造訪流量多了1萬。這樣的例子，幾乎可證明HTML5格式非常益於SEO。

不過會想寫一篇簡短的勸進文，主要是因為今天在Facebook社團「HTML5與CSS3在台灣」，有篇討論：

針對這樣的現況，希望自己也能稍稍協助推廣一下。而且上圖這篇有很不錯的討論，社團裡也有非常多相當有用的新知，非常建議有心推行的設計師及開發者加入討論。

有心想將版型改造為HTML5格式的WordPress玩家，也推薦近期香腸寫的HTML5改造系列文章! 最後，順便幫Facebook裡的WordPress正體中文社團打個廣告! 對WordPress架站有興趣的朋友，歡迎加入討論~ 😀

分類：學習資源

本文作者是Audi Lu