HTML5網站全面升級
如何評估是否需要使用 HTML5的技術
評估要點
Internet Explorer Testing Center
HTML5 與 HTML 4.01的差異
HTML5 的 DOCTYPE 變簡單了
XHTML5 的宣告方式
指定網頁編碼的方式
<!DOCTYPE html>
HTML5 新增的語意元素 1 / 4
HTML5 新增的語意元素 2 / 4
HTML5 新增的語意元素 3 / 4
HTML5 新增的語意元素 4 / 4
版面標籤的使用變化 1 / 2
版面標籤的使用變化 2 / 2
HTML5 相容性套件
讓老舊的瀏覽器支援HTML5新元素
html5shiv
如何使用 html5shiv
示範1 ( 使用 WebMatrix 開發工具 )
Modernizr (摩登家)
Modernizr (摩登家)
Modernizr 的運作原理
示範2 ( 使用 WebMatrix 與 IE 開發者工具 )
判斷<html> 的 class 屬性
CSS3 多重背景在不同瀏覽器的樣貌
Polyfills ( 填充物 )
HTML5 跨瀏覽器填充物大收集
示範3 ( 使用 IETester 工具 )
如何自訂「填充物」
HTML5 Reset
精簡版的 HTML5 Reset
HTML5 測試工具
HTML5 學習與網站開發
你可以從頭開始寫
也可以從專案範本開始
也可以直接下載更完整的網頁範本
示範4 ( 使用 IETester 工具 )
HTML5 網站升級實戰
網站升級至 HTML5 的步驟
網站升級至 HTML5 使用的工具
示範5 ( 綜合示範 )
相關連結
聯絡資訊