第一章 主要結構
本章將利用HTML5標記出1個典型頁面,並把標記結構中的
標籤,利用新的HTML5結構元素,轉換為語義更明確的系統。
標籤
使用新的 HTML5 結構元素
為 HTML5 套用 CSS 樣式
新 HTML5 結構元素的使用時機
總結
第二章 文字
在第一章中已使用 HTML5標記出主頁面地標,並了解文件的結構方式,在本章中將更深入介紹如何進一步結構主要的文字內容。
結構主要內容區域
加入部落格文章與回應
處理 HTML5 的大綱結構
了解 WAI-ARIA
還有更多新結構喔!
重新定義的元素
全域屬性
本書未提及的功能
總結
第三章 表單
HTML4表單的問題之一,就是不夠聰明。在伺服器上,資料必須進行驗證,並用JavaScript在使用者瀏覽器中複製此驗證動作,這個問題在HTML5中,將有新的改進,請看本章的說明。
我們愛HTML,而現在,它回應了我們的愛
新的輸入類型
新增屬性
將這些元素全都組合起來
針對舊版瀏覽器的向下相容能力
為新表單欄位和錯誤訊息套用樣式
覆寫瀏覽器預設值
利用JavaScript自行驗證資料
避開驗證處理
總結
第四章 影音多媒體
HTML5提供了唯一,同時為開放標準的網頁多媒體播放規格,以及內建影片、聲音元素和API,在本章中將討論
內建多媒體的理由、內容與用法?
編解碼器-恐怖喔~真是恐怖~
讓自訂播放控制器發揮功能
多媒體的網頁親和力(無障礙性)
總結
第五章 繪圖區
canvas元素提供了2D繪圖用的API,包括線條、填色、影像、文字……等等。只要回想一下Windows的小畫家應用程式,應該就不難想像出這API 的部份功能,請看本章的說明。
Canvas(繪圖區)基礎知識
繪製路徑
使用變形功能︰偽裝成向量圖的像素
擷取影像
推移像素
讓繪圖區的圖案動起來
總結
第六章 資料儲存
在幾乎所有應用程式中,儲存應用程式的相關資料是很基本的功能,如果您想更了解關於HTML5的資料儲存功能,絕對不能錯過本章的介紹。
儲存選項
Web Storage
Web SQL Databases
總結
第七章 離線
HTML5規格中的離線功能是如何運作的?請看本章的介紹。
拔掉插頭︰離線
指定暫存項目的離線清單
如何提供離線清單
瀏覽器與伺服器間的處理程序
applicationCache 物件
利用離線清單檢測連線狀況
刪除暫存
總結
第八章 拖放操作
HTML5的拖放操作功能不僅能拖曳物件,放到瀏覽器中任何位置,還能把元素從瀏覽器拖曳至外部應用程式,提供開發人員有更多的可用功能。
開始拖曳
被拖曳資料的相容性
如何拖曳各元素
加上自訂的拖曳圖示
網頁親和力(無障礙性)
總結
第九章 Geolocation
Geolocation使用非常簡單,若將此API插入應用程式中,並利用一些地理資料,即可輕易強化網頁應用程式功能,讓訪客不必在地圖上拼命捲動,也能找出自己所在位置,想知道更多嗎?請看本章的說明。
釘出訪客所在位置
Geolocation API 的各種方法
它背地裡到底是怎麼運作的︰Geolocation API 的魔法
總結
第十章 Messaging、Workers與Sockets
Web Messaging、Web Workers和Web Sockets是不同的API,但它們都具有溝通用的性質,其中只有Messaging API屬於HTML5正式規格的一部分,此3個API 對任何網頁應用程式來說,都甚具價值。
簡單聊聊 Messaging API
利用 Web Workers 建立線程
Web Sockets︰處理串流資料
總結
終於......