HTML5 & CSS3 –Part1 初探

最近手上的專案，開始採用了一些HTML5的標籤後，今天花點時間把這篇文章(Top 10 Reasons to Use HTML5 Right Now) 的內容跟參考連結慢慢品嘗一番，之後開始估狗相關近期文章，在看了不少前輩的看法跟結論後，我也有一些不同觀點。

以前一直不好好面對的原因，主要就是舊版的IE不支援HTML5&CSS3，這中間的斷層還要花點時間去磨合。

如果要看目前概況，可以由以下蒐集的網頁找到瀏覽器相容性跟市佔率：

HTML5 & CSS3 Support

HTML5 & CSS3 READINESS

When can I use 

What’s my IP?

CSS contents and browser compatibility

The HTML5 test – How well does your browser support HTML5?

Implementations in Web browsers – WHATWG Wiki

The Internet Explorer 6 Countdown

StatCounter Global Stats

舊版瀏覽器對幾個主要的特色都不支援，以下是為了解決跨瀏覽器問題所誕生出來的

HTML5 Cross Browser Polyfills 

Modernizr

總節幾個我目前看來最直接有影響的好處：

標籤的增強讓網站優化(SEO) 更好

預期會有更好的使用者體驗/互動 (Drag and Drop / contenteditable)

更靈活的快取機制 (LocalStorge)

行動裝置支援更完整

雖然有一群人已經幫開發人員找出大部分的問題並提出解決方案，但是對於開發人員要學的東西還是很多，似乎還是有一段很長的路要走，過陣子再來寫part2。

幾個不錯的中文連結：

2011 微軟開發者大會：Migrate to HTML5

[HTML5試試看] 系列文章

Opera Tech Talk: 淺談HTML5