內容介紹
HTML5秘籍(第2版)共包括四個部分,共13章。第一部分介紹了HTML5的發展歷程,用語義元素構造網頁,編寫更有意義的標記,以及構建更好的Web表單。第二部分介紹了HTML5中的音頻與視頻、CSS3、Canvas繪圖技術等內容。第三部分介紹了數據存儲、離線應用、與Web服務器通信,以及HTML5與JavaScript技術的強大結合等內容。第四部分為附錄,簡單介紹了CSS和JavaScript。html5秘籍第2版章節目錄
前言 第一部分 現代標記 第1章 HTML5 簡介 1.1 HTML5 的故事 1.1.1 XHTML 1.0:更嚴格的標準 1.1.2 XHTML 2:意想不到的失敗 1.1.3 HTML5:起死回生 1.1.4 HTML:活著的語言 1.2 HTML5 的三個主要原理 1.2.1 不破壞Web 1.2.2 修補牛蹄子路 1.2.3 實用至上 1.3 HTML5標記初體驗 1.3.1 HTML5文檔類型 1.3.2 字符編碼 1.3.3 頁面語言 1.3.4 添加樣式表 1.3.5 添加JavaScript 1.3.6 最終結果 1.4 HTML5 語法 1.4.1 放松的規則 1.4.2 HTML5 驗證 1.4.3 XHTML 的回歸 1.5 HTML5 元素家族 1.5.1 新增的元素 1.5.2 刪除的元素 1.5.3 改變的元素 1.5.4 調整的元素 1.5.5 標準化的元素 1.6 今天開始用HTML5 1.6.1 了解瀏覽器支持情況 1.6.2 瀏覽器裝機情況統計 1.6.3 通過Modernizr 檢測功能 1.6.4 使用"膩子腳本"填補功能缺陷 第2章 用語義元素構造網頁 2.1 語義元素 2.2 改造傳統的HTML 頁面 2.2.1 構造頁面的老辦法 2.2.2 使用HTML5 構造頁面 2.2.3 用 添加插圖 2.2.4 用 添加附注 2.3 瀏覽器對語義元素的支持情況 2.3.1 為語義元素添加樣式 2.3.2 使用HTML5"墊片" 2.3.3 Modernizr:一站式解決方案 2.4 使用語義元素設計站點 2.4.1 理解 2.4.2 用 標注導航鏈接 2.4.3 理解區塊 2.4.4 理解 2.4.5 使用標識主要內容 2.5 HTML5 綱要 2.5.1 如何查看綱要 2.5.2 基本綱要 2.5.3 分塊元素 2.5.4 解決一個綱要問題 第3章 編寫更有意義的標記 3.1 回顧語義元素 3.1.1 使用標注日期和時間 3.1.2 使用標注JavaScript返回值 3.1.3 使用標注突顯文本 3.2 其他語義標準 3.2.1 ARIA 3.2.2 RDFa 3.2.3 微格式 3.2.4 微數據 3.3 實例:改進"About Me"頁面 3.4 搜索引擎如何使用元數據3.4.1 Google Rich Snippets 3.4.2 增強搜索結果 3.4.3 食譜搜索引擎 第4章 構建更好的Web 表單 4.1 理解表單 4.2 傳統表單翻新 4.2.1 通過占位符文本添加提示 4.2.2 焦點:挑選正確的起點 4.3 驗證:阻止錯誤 4.3.1 HTML5 驗證的原理 4.3.2 關閉驗證 4.3.3 驗證樣式掛鉤 4.3.4 使用正則表達式 4.3.5 自定義驗證 4.4 瀏覽器對Web 表單和驗證的支持 4.4.1 用Modernizr 檢測支持情況 4.4.2 用HTML5Forms 兼容 4.5 新的輸入控件 4.5.1 電子郵件地址 4.5.2 網址 4.5.3 搜索框 4.5.4 電話號碼 4.5.5 數值 4.5.6 滑動條 4.5.7 日期和時間 4.5.8 顏色 4.6 新元素 4.6.1 使用 4.6.2 進度條和計量條 4.6.3 使用和 創建工具條和菜單 4.7 網頁中的HTML 編輯器 4.7.1 使用contenteditable 編輯元素 4.7.2 使用designMode 編輯頁面 第二部分 視頻、圖形和特效 第5章 音頻與視頻 5.1 網絡視頻的演變 5.2 HTML5 音頻與視頻 5.2.1 使用 5.2.2 預加載媒體文件 5.2.3 自動播放 5.2.4 循環播放 5.2.5 了解 5.3 HTML5 媒體格式 5.3.1 談談格式 5.3.2 瀏覽器對媒體格式的支持情況 5.4 后備措施:如何討好每一款瀏覽器 5.4.1 支持多種格式 5.4.2 添加Flash 后備措施 5.5 使用JavaScript 控制播放器 5.5.1 添加音效 5.5.2 創建自定義視頻播放器 5.5.3 JavaScript 媒體播放器 5.6 視頻字幕 5.6.1 標記時間的文本軌道和WebVTT 5.6.2 使用添加字幕 5.6.3 瀏覽器對視頻字幕的支持情況 第6章 美妙的CSS3 字體和特效 6.1 使用CSS3 6.1.1 選擇一:用能用的 6.1.2 選擇二:將CSS 功能作為增強 6.1.3 選擇三:Modernizr 6.1.4 有開發商前綴的特定于瀏覽器的樣式 6.2 多變的盒子 6.2.1 透明 6.2.2 圓角 6.2.3 背景 6.2.4 陰影 6.2.5 漸變 6.3 創建過渡效果 6.3.1 基本的顏色過渡 6.3.2 更多的過渡思路 6.3.3 用JavaScript 觸發過渡 6.3.4 變換 6.3.5 使用變換的過渡 6.4 Web 字體 6.4.1 Web 字體格式 6.4.2 給網站找個字體 6.4.3 從Font Squirrel 獲取免費字體 6.4.4 準備一個網絡字體 6.4.5 用谷歌更簡單地使用Web字體 6.4.6 多欄文本 第7章 CSS3 與響應式Web 設計 7.1 響應式設計基礎 7.1.1 流式布局 7.1.2 流式圖片 7.1.3 流式排版 7.1.4 理解視口 7.2 使用媒體查詢適配布局 7.2.1 媒體查詢 7.2.2 創建簡單的媒體查詢 7.2.3 構建移動設備友好的布局 7.2.4 媒體查詢的高級條件 7.2.5 替換整個樣式表 7.2.6 識別特定的移動設備 第8章 基本Canvas 繪圖 8.1 Canvas 起步 8.1.1 畫直線 8.1.2 路徑與形狀 8.1.3 繪制曲線 8.1.4 變換 8.1.5 透明度 8.1.6 合成操作 8.2 構建基本的畫圖程序 8.2.1 準備工作 8.2.2 在畫布上繪圖 8.2.3 將畫布保存為圖像 8.3 瀏覽器對Canvas 的支持情況 8.3.1 用ExplorerCanvas 兼容Canvas 8.3.2 用FlashCanvas 兼容Canvas 8.3.3 Canvas 后備及功能檢測 第9章 高級Canvas 技術:交互性和動畫 9.1 高級Canvas 繪圖 9.1.1 繪制圖像 9.1.2 裁剪、切割和伸縮圖片 9.1.3 繪制文本 9.2 陰影與填充 9.2.1 添加陰影 9.2.2 填充圖案 9.2.3 填充漸變 9.2.4 綜合示例:繪制圖解 9.3 賦予圖形交互能力 9.3.1 記錄繪制的內容 9.3.2 基于坐標的碰撞檢測 9.4 給Canvas 添加動畫 9.4.1 基本的動畫 9.4.2 多物體動畫 9.5 實例:迷宮游戲 9.5.1 布置迷宮 9.5.2 讓笑臉動起來 9.5.3 基于像素顏色的碰撞檢測 第三部分 構建Web 應用 第10章 數據存儲 10.1 Web 存儲簡介 10.1.1 存儲數據 10.1.2 實戰:保存游戲中的最后位置 10.1.3 瀏覽器對Web 存儲的支持情況 10.2 深入Web 存儲 10.2.1 刪除數據項 10.2.2 查找所有數據項 10.2.3 保存數值和日期 10.2.4 保存對象 10.2.5 響應存儲變化 10.3 讀取文件 10.3.1 取得文件 10.3.2 用讀取文本文件 10.3.3 替換標準的上傳控件 10.3.4 一次讀取多個文件 10.3.5 通過拖曳讀取圖片文件 10.3.6 瀏覽器對File API 的支持情況 10.4 IndexDB:瀏覽器的數據庫引擎 10.4.1 數據對象 10.4.2 創建并連接數據庫 10.4.3 在數據庫中保存數據 10.4.4 在數據表中查詢所有數據 10.4.5 查詢單條數據 10.4.6 刪除一條數據 10.4.7 瀏覽器對IndexedDB 的支持情況 第11章 離線應用 11.1 通過描述文件緩存資源 11.1.1 創建描述文件 11.1.2 使用描述文件 11.1.3 把描述文件放到Web 服務器 11.1.4 更新描述文件 11.1.5 瀏覽器對離線應用的支持情況 11.2 實用緩存技術 11.2.1 訪問未緩存的文件 11.2.2 添加后備內容 11.2.3 檢測連接 11.2.4 用JavaScript 監聽更新 第12章 與Web 服務器通信 12.1 向Web 服務器發送消息 12.1.1 XMLHttpRequest 對象 12.1.2 向Web 服務器提問 12.1.3 取得新內容 12.2 服務器發送事件 12.2.1 消息格式 12.2.2 通過服務器腳本發送消息 12.2.3 在網頁中處理消息 12.2.4 輪詢服務器端事件 12.3 Web Socket 12.3.1 Web Socket 服務器 12.3.2 簡單的Web Socket 客戶端 12.3.3 使用現成的Web Socket服務器 第13章 地理定位、Web Worker 和歷史管理 13.1 地理定位 13.1.1 地理定位的基本原理 13.1.2 查找訪客的坐標 13.1.3 處理錯誤 13.1.4 設置地理定位選項 13.1.5 顯示地圖 13.1.6 跟蹤訪客移動 13.1.7 瀏覽器對地理定位的兼容情況 13.2 Web Worker 13.2.1 費時的任務 13.2.2 把任務放在后臺 13.2.3 處理Worker 錯誤 13.2.4 取消后臺任務 13.2.5 傳遞復雜消息 13.2.6 瀏覽器對Web Worker 的兼容情況 13.3 歷史管理 13.3.1 URL 問題 13.3.2 以往的解決方案:hashbang URL 13.3.3 HTML5 的方案:會話歷史 13.3.4 瀏覽器對會話歷史的支持情況 第四部分 附 錄 附錄A CSS 基礎 附錄B JavaScript:頁面的大腦
使用說明
1、下載并解壓,得出pdf文件2、如果打不開本文件,請務必下載pdf閱讀器
3、安裝后,在打開解壓得出的pdf文件
4、雙擊進行閱讀
3.4.1 Google Rich Snippets
3.4.2 增強搜索結果
3.4.3 食譜搜索引擎
第4章 構建更好的Web 表單
4.1 理解表單
4.2 傳統表單翻新
4.2.1 通過占位符文本添加提示
4.2.2 焦點:挑選正確的起點
4.3 驗證:阻止錯誤
4.3.1 HTML5 驗證的原理
4.3.2 關閉驗證
4.3.3 驗證樣式掛鉤
4.3.4 使用正則表達式
4.3.5 自定義驗證
4.4 瀏覽器對Web 表單和驗證的支持
4.4.1 用Modernizr 檢測支持情況
4.4.2 用HTML5Forms 兼容
4.5 新的輸入控件
4.5.1 電子郵件地址
4.5.2 網址
4.5.3 搜索框
4.5.4 電話號碼
4.5.5 數值
4.5.6 滑動條
4.5.7 日期和時間
4.5.8 顏色
4.6 新元素
4.6.1 使用
4.6.2 進度條和計量條
4.6.3 使用和
創建工具條和菜單
4.7 網頁中的HTML 編輯器
4.7.1 使用contenteditable 編輯元素
4.7.2 使用designMode 編輯頁面
第二部分 視頻、圖形和特效
第5章 音頻與視頻
5.1 網絡視頻的演變
5.2 HTML5 音頻與視頻
5.2.1 使用
5.2.2 預加載媒體文件
5.2.3 自動播放
5.2.4 循環播放
5.2.5 了解
5.3 HTML5 媒體格式
5.3.1 談談格式
5.3.2 瀏覽器對媒體格式的支持情況
5.4 后備措施:如何討好每一款瀏覽器
5.4.1 支持多種格式
5.4.2 添加Flash 后備措施
5.5 使用JavaScript 控制播放器
5.5.1 添加音效
5.5.2 創建自定義視頻播放器
5.5.3 JavaScript 媒體播放器
5.6 視頻字幕
5.6.1 標記時間的文本軌道和WebVTT
5.6.2 使用添加字幕
5.6.3 瀏覽器對視頻字幕的支持情況
第6章 美妙的CSS3 字體和特效
6.1 使用CSS3
6.1.1 選擇一:用能用的
6.1.2 選擇二:將CSS 功能作為增強
6.1.3 選擇三:Modernizr
6.1.4 有開發商前綴的特定于瀏覽器的樣式
6.2 多變的盒子
6.2.1 透明
6.2.2 圓角
6.2.3 背景
6.2.4 陰影
6.2.5 漸變
6.3 創建過渡效果
6.3.1 基本的顏色過渡
6.3.2 更多的過渡思路
6.3.3 用JavaScript 觸發過渡
6.3.4 變換
6.3.5 使用變換的過渡
6.4 Web 字體
6.4.1 Web 字體格式
6.4.2 給網站找個字體
6.4.3 從Font Squirrel 獲取免費字體
6.4.4 準備一個網絡字體
6.4.5 用谷歌更簡單地使用Web字體
6.4.6 多欄文本
第7章 CSS3 與響應式Web 設計
7.1 響應式設計基礎
7.1.1 流式布局
7.1.2 流式圖片
7.1.3 流式排版
7.1.4 理解視口
7.2 使用媒體查詢適配布局
7.2.1 媒體查詢
7.2.2 創建簡單的媒體查詢
7.2.3 構建移動設備友好的布局
7.2.4 媒體查詢的高級條件
7.2.5 替換整個樣式表
7.2.6 識別特定的移動設備
第8章 基本Canvas 繪圖
8.1 Canvas 起步
8.1.1 畫直線
8.1.2 路徑與形狀
8.1.3 繪制曲線
8.1.4 變換
8.1.5 透明度
8.1.6 合成操作
8.2 構建基本的畫圖程序
8.2.1 準備工作
8.2.2 在畫布上繪圖
8.2.3 將畫布保存為圖像
8.3 瀏覽器對Canvas 的支持情況
8.3.1 用ExplorerCanvas 兼容Canvas
8.3.2 用FlashCanvas 兼容Canvas
8.3.3 Canvas 后備及功能檢測
第9章 高級Canvas 技術:交互性和動畫
9.1 高級Canvas 繪圖
9.1.1 繪制圖像
9.1.2 裁剪、切割和伸縮圖片
9.1.3 繪制文本
9.2 陰影與填充
9.2.1 添加陰影
9.2.2 填充圖案
9.2.3 填充漸變
9.2.4 綜合示例:繪制圖解
9.3 賦予圖形交互能力
9.3.1 記錄繪制的內容
9.3.2 基于坐標的碰撞檢測
9.4 給Canvas 添加動畫
9.4.1 基本的動畫
9.4.2 多物體動畫
9.5 實例:迷宮游戲
9.5.1 布置迷宮
9.5.2 讓笑臉動起來
9.5.3 基于像素顏色的碰撞檢測
第三部分 構建Web 應用
第10章 數據存儲
10.1 Web 存儲簡介
10.1.1 存儲數據
10.1.2 實戰:保存游戲中的最后位置
10.1.3 瀏覽器對Web 存儲的支持情況
10.2 深入Web 存儲
10.2.1 刪除數據項
10.2.2 查找所有數據項
10.2.3 保存數值和日期
10.2.4 保存對象
10.2.5 響應存儲變化
10.3 讀取文件
10.3.1 取得文件
10.3.2 用讀取文本文件
10.3.3 替換標準的上傳控件
10.3.4 一次讀取多個文件
10.3.5 通過拖曳讀取圖片文件
10.3.6 瀏覽器對File API 的支持情況
10.4 IndexDB:瀏覽器的數據庫引擎
10.4.1 數據對象
10.4.2 創建并連接數據庫
10.4.3 在數據庫中保存數據
10.4.4 在數據表中查詢所有數據
10.4.5 查詢單條數據
10.4.6 刪除一條數據
10.4.7 瀏覽器對IndexedDB 的支持情況
第11章 離線應用
11.1 通過描述文件緩存資源
11.1.1 創建描述文件
11.1.2 使用描述文件
11.1.3 把描述文件放到Web 服務器
11.1.4 更新描述文件
11.1.5 瀏覽器對離線應用的支持情況
11.2 實用緩存技術
11.2.1 訪問未緩存的文件
11.2.2 添加后備內容
11.2.3 檢測連接
11.2.4 用JavaScript 監聽更新
第12章 與Web 服務器通信
12.1 向Web 服務器發送消息
12.1.1 XMLHttpRequest 對象
12.1.2 向Web 服務器提問
12.1.3 取得新內容
12.2 服務器發送事件
12.2.1 消息格式
12.2.2 通過服務器腳本發送消息
12.2.3 在網頁中處理消息
12.2.4 輪詢服務器端事件
12.3 Web Socket
12.3.1 Web Socket 服務器
12.3.2 簡單的Web Socket 客戶端
12.3.3 使用現成的Web Socket服務器
第13章 地理定位、Web Worker 和歷史管理
13.1 地理定位
13.1.1 地理定位的基本原理
13.1.2 查找訪客的坐標
13.1.3 處理錯誤
13.1.4 設置地理定位選項
13.1.5 顯示地圖
13.1.6 跟蹤訪客移動
13.1.7 瀏覽器對地理定位的兼容情況
13.2 Web Worker
13.2.1 費時的任務
13.2.2 把任務放在后臺
13.2.3 處理Worker 錯誤
13.2.4 取消后臺任務
13.2.5 傳遞復雜消息
13.2.6 瀏覽器對Web Worker 的兼容情況
13.3 歷史管理
13.3.1 URL 問題
13.3.2 以往的解決方案:hashbang URL
13.3.3 HTML5 的方案:會話歷史
13.3.4 瀏覽器對會話歷史的支持情況
第四部分 附 錄
附錄A CSS 基礎
附錄B JavaScript:頁面的大腦




