針對新版本瀏覽器，討論亟待解決的實際問題。
　　每一章分別聚焦某特定問題，通過多個實例介紹特定概念并引導讀者創(chuàng)建簡單示例，進而得到解決方案。
　　實例后附有“回退方案”，為舊版本瀏覽器提供解決方法。
　　“未來展望”探討如何在將來更好地應用屆時已經成熟的新特性。

　　HTML5和CSS3技術是目前整個網頁的基礎。《HTML5與CSS3實例教程(第2版)》共分3部分，集中討論了HTML5和CSS3規(guī)范及其技術的使用方法。這一版全面講解了最新的HTML5和CSS3技術，所有實例均使用最新特性實現，針對的是最新版本的瀏覽器。
　　《HTML5與CSS3實例教程(第2版)》適合所有使用HTML和CSS的Web開發(fā)人員學習參考。

　　Brian P. Hogan，1995年起便開始以自由職業(yè)者的身份開發(fā)專業(yè)網站并提供咨詢服務，目前常使用Ruby、jQuery、HTML5和CSS3構建Web應用。他樂于講述并撰寫與Web設計和開發(fā)有關的內容，倡導為殘障人士（特別是視覺障礙者）研發(fā)輔助功能，另著有《Web開發(fā)秘方》。

第1章　HTML5和CSS3概述
1.1　強大的Web開發(fā)平臺
1.1.1　向后兼容
1.1.2　更具描述性的標記
1.1.3　更加簡化
1.1.4　用戶界面增強
1.1.5　更好的表單控件
1.1.6　可訪問性增強
1.1.7　更高級的選擇器
1.1.8　視覺效果
1.1.9　更少依賴插件的多媒體功能實現
1.1.10　應用能力增強
1.1.11　跨文檔通信
1.1.12　Web Sockets
1.1.13　客戶端存儲
1.2　注定充滿挑戰(zhàn)的未來之路
1.2.1　處理老版本的IE
1.2.2　可訪問性
1.2.3　廢棄的標簽
1.2.4　市場利益的激烈競爭
1.2.5　HTML5和CSS3的標準仍在不斷發(fā)展中

第一部分　用戶界面增強
第2章　新的結構化標簽和屬性
2.1　實例1：用語義標記重新定義博客
2.1.1　一切皆始于正確的文檔類型
2.1.2　頁眉標簽
2.1.3　頁腳標簽
2.1.4　導航標簽
2.1.5　區(qū)塊和文章
2.1.6　旁白與側邊欄
2.1.7　為博客設置樣式
2.1.8　回退方案
2.2　實例2：用元素實現進度條
2.2.1　回退方案
2.2.2　進度條標簽
2.3　實例3：用自定義數據屬性構造彈出窗體
2.3.1　行為與內容分離，以及
onclick()的問題
2.3.2　增強可訪問性
2.3.3　不用onclick()
2.3.4　引入自定義數據屬性
2.3.5　回退方案
2.4　實例4：常見問題描述列表
2.5　未來展望
第3章　創(chuàng)建友好的Web表單
3.1　實例5：使用新的輸入字段描述數據
3.1.1　表單描述
3.1.2　使用范圍字段創(chuàng)建滑動條
3.1.3　使用選值框處理數值
3.1.4　日期選擇字段
3.1.5　電子郵件字段
3.1.6　URL字段
3.1.7　顏色選擇字段
3.1.8　給表單設置樣式
3.1.9　回退方案
3.2　實例6：借助autofocus跳到表單第一個字段
3.3　實例7：通過占位文本提供提示信息
3.4　實例8：不借助JavaScript驗證用戶輸入
3.4.1　正則表達式驗證
3.4.2　為字段添加樣式
3.4.3　回退方案
3.5　實例9：通過contenteditable屬性實現就地編輯功能
3.5.1　用戶資料表單
3.5.2　數據持久化
3.5.3　回退方案
3.6　未來展望
第4章　設置內容及界面的樣式
4.1　實例10：使用偽類設置表格樣式
4.1.1　使用:nth-of-type給表格行設置條紋
4.1.2　使用:nth-child對齊表格列的內容
4.1.3　使用:last-child加粗表格最后一行
4.1.4　使用:nth-last-child反向遍歷元素
4.1.5　回退方案
4.2　實例11：使用:after和content生成打印友好的鏈接
4.2.1　創(chuàng)建只適用于打印的樣式表
4.2.2　雙冒號語法
4.3　實例12：使用媒體查詢構建移動頁面
4.4　實例13：創(chuàng)建多欄布局
4.4.1　拆分欄
4.4.2　特定廠商的前綴
4.4.3　回退方案
4.5　未來展望
第5章　構建可訪問性界面
5.1　實例14：使用ARIA role屬性提供導航提示
5.1.1　地標角色
5.1.2　文檔結構角色
5.1.3　回退方案
5.2　實例15：創(chuàng)建訪問性良好的可更新區(qū)域
5.2.1　創(chuàng)建頁面
5.2.2　隱藏內容區(qū)域
5.2.3　回退方案
5.3　實例16：提升表格的可訪問性
5.3.1　把標題與列結合起來
5.3.2　用題注和描述解釋表格
5.4　未來展望

第二部分　新視角、新聲音
第6章　在瀏覽器中畫圖
6.1　實例17：在畫布上繪制商標
6.1.1　繪制線條
6.1.2　添加"AwesomeCo"文本信息
6.1.3　移動原點坐標
6.1.4　為對象設置漸變效果
6.1.5　回退方案
6.2　實例18：使用RGraph實現圖表統(tǒng)計
6.2.1　使用HTML描述數據
6.2.2　將HTML描述內容轉換成柱狀圖
6.2.3　顯示替代內容
6.2.4　回退方案
6.3　實例19：使用SVG繪制矢量圖形
6.3.1　繪制線條
6.3.2　添加文本信息
6.3.3　繪制形狀
6.3.4　通過路徑進行手工繪制
6.3.5　回退方案
6.4　未來展望
第7章　嵌入音頻和視頻
7.1　歷史回顧
7.2　容器與編解碼器
7.2.1　視頻編解碼器
7.2.2　音頻編解碼器
7.2.3　容器與編解碼器協同工作
7.3　實例20：音頻特性
7.3.1　創(chuàng)建基本的音頻列表
7.3.2　回退方案
7.4　實例21：嵌入視頻
7.5　實例22：視頻播放的可訪問性
7.5.1　添加字幕
7.5.2　HTML5視頻技術的局限性
7.6　未來展望
第8章　視覺特效
8.1　實例23：設置圓角
8.1.1　柔化登錄表單
8.1.2　回退方案
8.2　實例24：陰影、漸變及轉換
8.2.1　基本結構
8.2.2　添加漸進效果
8.2.3　添加陰影效果
8.2.4　旋轉姓名牌
8.2.5　使用矩陣精確轉換
8.2.6　透明背景
8.2.7　回退方案
8.3　實例25：設置字體
8.3.1　@font-face
8.3.2　字體格式
8.3.3　改變字體
8.3.4　回退方案
8.4　實例26：通過過渡和動畫特性移動物體
8.4.1　使用CSS過渡特性實現淡入淡出效果
8.4.2　理解調速函數
8.4.3　創(chuàng)建過渡特效
8.4.4　利用CSS3動畫特性實現表單晃動效果
8.4.5　回退方案
8.5　未來展望

第三部分　標記之外
第9章　客戶端數據儲存
9.1　實例27：用Web Storage存儲偏好設置
9.1.1　創(chuàng)建偏好設置表單
9.1.2　保存及恢復偏好設置數據
9.1.3　為頁面應用偏好設置值
9.1.4　回退方案
9.2　實例28：使用IndexedDB將數據存儲到客戶端數據庫中
9.2.1　注意事項界面
9.2.2　創(chuàng)建并連接數據庫
9.2.3　創(chuàng)建注意事項表
9.2.4　加載注意事項
9.2.5　讀取特定記錄
9.2.6　創(chuàng)建、更新以及刪除記錄
9.2.7　回退方案
9.3　實例29：離線應用
9.3.1　通過manifest文件定義應用程序緩存
9.3.2　manifest文件與服務器端緩存設置
9.3.3　檢測網絡連通性
9.4　未來展望
第10章　創(chuàng)建交互式Web應用
10.1　實例30：保存歷史記錄
10.1.1　存儲當前狀態(tài)
10.1.2　恢復上一狀態(tài)
10.1.3　設置默認狀態(tài)
10.1.4　回退方案
10.2　實例31：跨域通信
10.2.1　聯系人列表
10.2.2　發(fā)送消息
10.2.3　支持網站
10.2.4　接收消息
10.2.5　IE 8及IE 9中的限制
10.3　實例32：WebSocket聊天
10.3.1　聊天界面
10.3.2　與聊天服務器的通信
10.3.3　回退方案
10.3.4　Flash Socket策略文件
10.4　實例33：你在哪兒：Geolocation
10.4.1　為AwesomeCo公司開發(fā)定位功能
10.4.2　如何被找到
10.4.3　回退方案
10.5　實例34：通過拖放來整理內容
10.5.1　創(chuàng)建基本用戶界面
10.5.2　添加卡片到界面
10.5.3　整理卡片
10.5.4　回退方案
10.6　未來展望
第11章　未來之路
11.1　使用彈性盒子模型定義布局
11.2　跨域資源共享
11.3　Web Workers
11.4　服務器發(fā)送事件
11.4.1　監(jiān)聽事件
11.4.2　實現你自己的服務器
11.5　濾鏡效果
11.6　WebGL
11.7　前進！

附錄A　快速參考
附錄B　jQuery快速入門
附錄C　針對Web的音頻和視頻編碼
附錄D　相關資源

參考文獻