首 頁
手機(jī)版

html5秘籍第2版 pdf掃描版

HTML5不僅僅是一種標(biāo)記語言,它還指代多種獨(dú)立的Web標(biāo)準(zhǔn)。但是如何才能學(xué)習(xí)html5的全部知識(shí)呢?小編推薦用戶使用html5秘籍第2版,這是一本HTML5語言的學(xué)習(xí)指導(dǎo)書籍,由美國(guó)程序員Matthew MacDonald編著。本書內(nèi)容豐富,由淺入深,涵蓋了關(guān)于HTML5的一切,通過循序漸進(jìn)的教程和真實(shí)的示例,向你介紹如何構(gòu)建Web應(yīng)用,包括視頻控件、動(dòng)態(tài)圖形、地理定位、離線功能和針對(duì)移動(dòng)設(shè)備的響應(yīng)式Web設(shè)計(jì)等,非常適合每一個(gè)Web1前端工程師下載閱讀。

內(nèi)容介紹

HTML5秘籍(第2版)共包括四個(gè)部分,共13章。第一部分介紹了HTML5的發(fā)展歷程,用語義元素構(gòu)造網(wǎng)頁,編寫更有意義的標(biāo)記,以及構(gòu)建更好的Web表單。第二部分介紹了HTML5中的音頻與視頻、CSS3、Canvas繪圖技術(shù)等內(nèi)容。第三部分介紹了數(shù)據(jù)存儲(chǔ)、離線應(yīng)用、與Web服務(wù)器通信,以及HTML5與JavaScript技術(shù)的強(qiáng)大結(jié)合等內(nèi)容。第四部分為附錄,簡(jiǎn)單介紹了CSS和JavaScript。

html5秘籍第2版章節(jié)目錄

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

使用說明

1、下載并解壓,得出pdf文件

2、如果打不開本文件,請(qǐng)務(wù)必下載pdf閱讀器

3、安裝后,在打開解壓得出的pdf文件

4、雙擊進(jìn)行閱讀

收起介紹展開介紹
  • 下載地址
html5秘籍第2版 pdf掃描版

有問題? 點(diǎn)此報(bào)錯(cuò)

發(fā)表評(píng)論

0條評(píng)論