HTML5 錦囊妙計 (HTML5 Cookbook)
內容描述
HTML5 開發者的解決方案
"如果你正在尋求 HTML5 知識,本書是絕佳的選擇,它如萊姆派一樣可口。"
- Jenn Lukas, Happy Cog 互動性研發總監
本書有許多可立即在專案中使用的實際案例,這些案例也可以協助你實際操作各種 HTML5 元素以從中獲得經驗。這些扼要的解決方案可協助你處理所有問題,包括標記語義、web 表單、音訊與視訊元素,以及 HTML5 相關的技術,如地理定位與豐富的 JavaScript API。
書中的每一節皆包含範例程式以及詳盡的說明,探討解決方案的來龍去脈以及工作原理。這本便利的書籍非常適合中階與高階的 web 及行動 web 開發者,可協助你選擇合適的 HTML5 功能,並試驗其他部分。
‧測試瀏覽器對 HTML5 提供的支援,並透過一些技巧來應用未支援的功能
‧瞭解 HTML5 如何大幅度的簡化 web 表單的實作
‧克服實作原生音訊與視訊元素時將面臨的挑戰
‧學習如何依據 ARIA 協助工具指南來使用 HTML5
‧透過範例來探討如何在應用程式中使用地理定位資料
‧繪製圖像、使用透明背景、加入漸層與圖樣,以及許多其他 Canvas 功能
‧透過許多進階 JavaScript API 將 HTML5 功能帶入生活
Christopher Schmitt 是新型媒體、設計與出版公司 Heatvision.com 的主要負責人。他自 1993 年起就從事 Web 工作,也是 CSS Cookbook(O'Reilly)一書的作者。
Kyle Simpson 是來自 Austin Texas 的 JavaScript 系統設計師。他的專長是 JavaScript、web 效能最佳化,以及 "中端" 應用程式結構。Kyle 曾參與許多開放原始碼專案,包含 LABjs。
目錄大綱
前言
第一章 基本語法和語義
1.0 介紹
1.1 指定 DOCTYPE
1.2 指定字元集
1.3 指定語言
1.4 將 與 最佳化
1.5 以 HTML5 的新元素增添文件結構
1.6 與 之間的抉擇
1.7 檢查你的文件大綱
1.8 修改文件大綱
1.9 強調文字
1.10 對文字加註重點
1.11 凸顯參考文字
1.12 加上小字體標記
1.13 定義縮寫與縮略詞
1.14 為區塊級內容加上連結
1.15 標記插圖與圖片說明
1.16 標記日期與時間
1.17 以原生的方式,設定可展開與摺疊的段落
1.18 控制清單的編號
1.19 隱藏稍後要顯示的內容
1.20 將網頁的某個部分設為可編輯
1.21 以原生的方式,設定可進行拖放的段落
第二章 進階標記與技術
2.0 簡介
2.1 加入更適當的語義
2.2 挑選標記風格
2.3 瞭解瀏覽器支援的 HTML5
2.4 讓 Internet Explorer 識別 HTML5 元素
2.5 以 JavaScript 檢測 HTML5 功能
2.6 使用 HTML5 Boilerplate
2.7 驗證 HTML5
2.8 將 HTML5 元素對應到 ID 與類別名稱
第三章 表單
3.0 簡介
3.1 顯示搜尋輸入欄位
3.2 連絡人資訊輸入欄位
3.3 使用日期與時間輸入欄位
3.4 數字輸入
3.5 選擇數字範圍
3.6 選擇顏色
3.7 建立可編輯的下拉清單
3.8 要求完成一個表單欄位
3.9 自動聚焦表單欄位
3.10 顯示佔位文字
3.11 取消自動完成
3.12 限制輸入值
3.13 讓 HTML5 在舊式瀏覽器運作
3.14 以 JavaScript 在舊式瀏覽器驗證表單資料
3.15 範例:表單範例
第四章 原生音訊
4.0 簡介
4.1 添加 HTML5 音訊
4.2 操控音訊流
4.3 以 JavaScript 製造
4.4 以 將 視覺化
4.5 設計範例:自製音訊播放器
第五章 原生視訊
5.0 簡介
5.1 添加 HTML5 視訊
5.2 確保多瀏覽器影像支援
5.3 設定視訊尺寸
5.4 在視訊播放前先顯示佔位圖像
5.5 重複播放視訊
5.6 設計範例:以 操作視訊
第六章 Microdata 與自訂資料
6.0 簡介
6.1 在標記加入微型資料
6.2 使用微型資料與 Schema.org
6.3 在標記添加自訂資料
6.4 以 JavaScript 存取自訂資料
6.5 操作自訂資料
6.6 範例:使用自訂資料建立地圖應用程式
第七章 協助工具
7.0 簡介
7.1 編寫適當的 alt 文字描述
7.2 標識縮寫詞與字母縮寫詞
7.3 使用 ARIA 地標角色來分別網頁區域
7.4 建立具有更多協助功能的導覽連結
7.5 為表單欄位加入標籤
7.6 將表單欄位依照邏輯來分組
7.7 動態啟用 fieldset
7.8 標識必要的表單欄位
7.9 使用 ARIA Live Region 來提示動態內容更新
第八章 地理定位
8.0 簡介
8.1 取得基本 Geolocation 資料
8.2 以備用程式取得基本地理資料
8.3 將地址反向編碼為經緯度
8.4 將地址轉換成經緯度
8.5 由目前的位置取得導航路線
8.6 範例:星巴克到星巴克
第九章
9.0 簡介
9.1 在 上繪畫
9.2 使用透明度
9.3 設定 大小
9.4 使用漸層、圖案與線條樣式
9.5 將外部圖像拉進 繪圖
9.6 設定顏色轉換
9.7 使用幾何變形
9.8 在 內置放文字
9.9 剪裁 繪圖
9.10 將 繪圖變成動畫
9.11 以 繪圖
9.12 將 繪圖儲存為檔案
第十章 進階 HTML5 JavaScript
10.0 簡介
10.1 本機存放區
10.2 應用程式快取
10.3 拖與放
10.4 Web Workers
10.5 Web Sockets
10.6 歷史記錄
10.7 本機檔案
附錄
索引