HTML5實(shí)戰(zhàn)

前言

HTML（Hypertext Markup Language，超文本標(biāo)記語言）在1999年停止了開發(fā)，當(dāng)時的版本是萬維網(wǎng)聯(lián)盟（W3C）發(fā)布的HTML4。不過與此同時，技術(shù)并未停滯不前：W3C正在致力于發(fā)展其他一些有趣的項目，諸如SGML（標(biāo)準(zhǔn)通用標(biāo)記語言）、XML，以及一些新的標(biāo)記語言，如SVG（可縮放矢量圖形）、XForms和MathML。另一方面，Web瀏覽器提供商也都把重心放在了為各自軟件產(chǎn)品開發(fā)新功能上，而Web開發(fā)人員則開始使用CSS和JavaScript語言，基于AJAX的框架來開發(fā)應(yīng)用程序。然而，情況已經(jīng)發(fā)生了轉(zhuǎn)變。最近，由于Apple、Google、Opera和Mozilla基金會（組成的WHATWG，即Web超文本應(yīng)用技術(shù)工作小組）在舊的HTML基礎(chǔ)上協(xié)同開發(fā)了一個更新的增強(qiáng)版本，HTML又重新煥發(fā)了生機(jī)。跟隨這一重大發(fā)展趨勢，W3C也開始了HTML新版本的開發(fā)，并將其稱作HTML5，以取代官方的Web Applications 1.0，并在HTML5中引入了前所未見的結(jié)構(gòu)化新元素。HTML5中新增的元素意欲彌合結(jié)構(gòu)（由標(biāo)記定義，呈現(xiàn)由樣式定義）和內(nèi)容（由Web頁面的文本自身定義）之間的空缺。另外，HTML5還新增了用于傳輸多媒體內(nèi)容的原生的開放標(biāo)準(zhǔn)，支持音頻、視頻、交互API、本地存儲、地理定位API等。在這本面向?qū)崙?zhàn)的書中，我們針對接觸這門新語言的人所面臨的常見問題提供了一系列實(shí)戰(zhàn)方案。書中提供的大量代碼都是直接可用的。本書讀者無論你是設(shè)計人員還是開發(fā)人員，只要你打算開始使用HTML5，你都會發(fā)現(xiàn)這本書很合適。如果你希望了解一些解決常見問題的快捷方案，以拓展自己的知識面，并學(xué)習(xí)一些最佳實(shí)踐技術(shù)，以提高自己的HTML5技能，本書更是再合適不過了。本書包含大量實(shí)戰(zhàn)范例，能夠幫助你快速掌握HTML5開發(fā)。版式約定本書中使用了很多約定，需要讀者注意?！?HTML同時代指HTML和XHTML語言；· 除非另有聲明，CSS指的是CSS 2.1規(guī)范；· 現(xiàn)代瀏覽器指的是Firefox、Safari、Chrome和Opera的最新版本，以及IE7與其以上版本。另外，本書中的所有HTML實(shí)例都假定嵌套在有效文檔的標(biāo)簽內(nèi)，而CSS包含在外部的樣式表中。少數(shù)情況下，為了簡單起見，HTML和CSS放在同一個代碼示例中。如果代碼無法印刷在書的一行中，書中會使用箭頭符號換行。記住這些，我們就開始吧。所需工具創(chuàng)建書中的示例，需要一個普通的文本編輯器。TextMate、UltraEdit和Notepad++都是功能很強(qiáng)大的文本編輯器，支持編寫代碼。我的建議是使用下面的工具之一，它們能幫助你提高代碼編寫效率?！?/pre>


內(nèi)容概要
　　目前，系統(tǒng)介紹HTML5的圖書已經(jīng)不少了，但像本書這樣以“問題－解答－分析”為主線的實(shí)戰(zhàn)類教程還不多見。本書秉承Solutions系列的一貫風(fēng)格，將HTML5新增的標(biāo)簽和Web應(yīng)用API條分縷析，按照常見的任務(wù)組織起來，為各層次HTML5開發(fā)人員提供了一本集實(shí)用性和參考性于一體的實(shí)戰(zhàn)手冊。
　　本書共包含近80個HTML5實(shí)戰(zhàn)案例，幾乎涵蓋了HTML5的方方面面，包括結(jié)構(gòu)化標(biāo)記、語義元素、新增表單輸入類型及屬性、音頻及視頻、Canvas繪圖、通信API、WebSocket、Geolocation、本地存儲及HTML5無障礙訪問等。全書每個案例都從提出實(shí)際問題開始，繼而分析解決問題所需的技術(shù)點(diǎn)，接著詳細(xì)討論實(shí)現(xiàn)步驟并展示代碼示例和相關(guān)的截圖，最后還會給出專家提示，指明相關(guān)技術(shù)的適用范圍、優(yōu)劣勢以及其他可能的方案和有價值的參考資源。讀者如果能夠理解并貫通這80個實(shí)戰(zhàn)案例，一定可以在HTML5開發(fā)之路上登堂入室，躋身中高級開發(fā)者行列。
　　這是一本面向初中級讀者的實(shí)例參考書，以實(shí)戰(zhàn)、實(shí)例、實(shí)用為主要特色，讀者只要有基本的HTML和JavaScript基礎(chǔ)即可。
　　HTML5頁面結(jié)構(gòu)
　　語義元素
　　新的表單元素
　　音頻及視頻
　　Canvas繪圖
　　服務(wù)器端事件
　　異步通信
　　本地存儲API
　　HTML5與無障礙訪問


作者簡介
　　Marco
Casario是Adobe技術(shù)社區(qū)的活躍分子。2005年，Marco創(chuàng)辦過探索RIA新技術(shù)的Comtaste和專注移動Web開發(fā)的MobyMobile，而YouThru則是他最近的工作成果。Marco還創(chuàng)建了世界上最大的Flash
Lite User
Group和意大利Adobe用戶社區(qū)（www.augitaly.com）。Marco當(dāng)前正在開發(fā)一個Flex銀行項目。
　　Peter Elst是一位比利時的自由IT咨詢師，是Project
Cocoon公司聯(lián)合創(chuàng)始人。作為受尊敬的社區(qū)成員，Peter經(jīng)常在各種行業(yè)會議上演講，并且在前沿期刊上發(fā)表了一些工作成果。
　　Charles
Brown是知名作者、咨詢師和培訓(xùn)師。他撰寫的Dreamweaver和Fireworks圖書深受讀者歡迎，被世界各地高校用作培訓(xùn)教材。Charles還是鋼琴、風(fēng)琴和吉他演奏家，活躍在世界各地的音樂舞臺上。
　　Nathalie Wormser是一位印度的自由Web開發(fā)者，對多媒體技術(shù)和視頻游戲興趣深厚。她是Project
Cocoon Multimedia的聯(lián)合創(chuàng)始人，該公司位于印度南部的本地治里市。
　　Cyril
Hanquez是一位ColdFusion、RIA咨詢師，擁有15年IT行業(yè)經(jīng)驗(yàn)，主要在比利時參與歐盟事業(yè)機(jī)構(gòu)的項目。目前，他是Adobe
Community Professional及當(dāng)?shù)谻oldFusion User Group共同負(fù)責(zé)人。


書籍目錄
第1章 　HTML5頁面結(jié)構(gòu)
實(shí)戰(zhàn)1-1 　創(chuàng)建HTML5的DOCTYPE
實(shí)戰(zhàn)1-2 　在HTML5中聲明字符編碼
實(shí)戰(zhàn)1-3 　將文檔分成不同區(qū)域
實(shí)戰(zhàn)1-4 　使文檔各部分可獨(dú)立分發(fā)
實(shí)戰(zhàn)1-5 　創(chuàng)建旁注
實(shí)戰(zhàn)1-6 　創(chuàng)建文頭
實(shí)戰(zhàn)1-7 　組合h1至h6元素
實(shí)戰(zhàn)1-8 　創(chuàng)建文腳
實(shí)戰(zhàn)1-9 　在HTML5文檔中創(chuàng)建導(dǎo)航
實(shí)戰(zhàn)1-10 　插入圖表
實(shí)戰(zhàn)1-11 　瀏覽器兼容性
本章小結(jié)
第2章 　HTML5標(biāo)記
實(shí)戰(zhàn)2-1 　在HTML5中使用hr標(biāo)簽
實(shí)戰(zhàn)2-2 　使用iframe標(biāo)簽
實(shí)戰(zhàn)2-3 　在頁面中嵌入媒體
實(shí)戰(zhàn)2-4 　使用area標(biāo)簽
本章小結(jié)
第3章 　HTML5結(jié)構(gòu)化語義元素
認(rèn)識微數(shù)據(jù)
實(shí)戰(zhàn)3-1 　使用itemprop和itemscope屬性
實(shí)戰(zhàn)3-2 　創(chuàng)建自定義詞匯表
實(shí)戰(zhàn)3-3 　理解鏈接類型和關(guān)系
實(shí)戰(zhàn)3-4 　header和hgroup元素
實(shí)戰(zhàn)3-5 　添加圖片說明
實(shí)戰(zhàn)3-6 　添加旁注
本章小結(jié)
第4章 　HTML5表單
認(rèn)識新的輸入類型
實(shí)戰(zhàn)4-1 　使用email輸入類型
實(shí)戰(zhàn)4-2 　使用URL輸入類型
實(shí)戰(zhàn)4-3 　使用數(shù)字微調(diào)控件
實(shí)戰(zhàn)4-4 　用range輸入類型添加滑動框控件
實(shí)戰(zhàn)4-5 　發(fā)送多個文件
實(shí)戰(zhàn)4-6 　使用datalist組件實(shí)現(xiàn)輸入的自動完成
實(shí)戰(zhàn)4-7 　驗(yàn)證表單控件
實(shí)戰(zhàn)4-8 　利用正則表達(dá)式創(chuàng)建自定義輸入類型
實(shí)戰(zhàn)4-9 　設(shè)置輸入框的占位符文本
實(shí)戰(zhàn)4-10 　創(chuàng)建日期和時間控件
本章小結(jié)
第5章 　HTML5媒體元素：Audio和Video
實(shí)戰(zhàn)5-1 　在Web頁面中嵌入視頻
實(shí)戰(zhàn)5-2 　檢測瀏覽器是否支持video
實(shí)戰(zhàn)5-3 　定制視頻控件
實(shí)戰(zhàn)5-4 　預(yù)加載視頻
實(shí)戰(zhàn)5-5 　自定義視頻進(jìn)度條
實(shí)戰(zhàn)5-6 　使用多源video元素
實(shí)戰(zhàn)5-7 　全屏播放視頻
實(shí)戰(zhàn)5-8 　為視頻添加遮罩
實(shí)戰(zhàn)5-9 　使用audio元素
本章小結(jié)
第6章 　HTML5繪圖API
實(shí)戰(zhàn)6-1 　如何使用canvas元素的繪圖API
實(shí)戰(zhàn)6-2 　使用路徑和坐標(biāo)
實(shí)戰(zhàn)6-3 　繪制圖形：矩形和圓形
實(shí)戰(zhàn)6-4 　用純色填充圖形
實(shí)戰(zhàn)6-5 　使用漸變色填充
實(shí)戰(zhàn)6-6 　在canvas中寫字
實(shí)戰(zhàn)6-7 　相對文字大小
實(shí)戰(zhàn)6-8 　輸出PNG圖片文件
本章小結(jié)
第7章 　HTML5 Canvas
實(shí)戰(zhàn)7-1 　了解畫布API
實(shí)戰(zhàn)7-2 　檢測是否支持canvas和繪制文本
實(shí)戰(zhàn)7-3 　認(rèn)識屏幕坐標(biāo)系統(tǒng)和canvas變換
實(shí)戰(zhàn)7-4 　操作像素
實(shí)戰(zhàn)7-5 　應(yīng)用陰影和模糊
實(shí)戰(zhàn)7-6 　canvas的動畫效果
本章小結(jié)
第8章 　HTML5通信API
認(rèn)識postMessage API
增強(qiáng)postMessage通信安全
實(shí)戰(zhàn)8-1 　檢查瀏覽器是否支持postMessage API
跨文檔消息和CORS
實(shí)戰(zhàn)8-2 　在window和iframe間傳送消息
實(shí)戰(zhàn)8-3 　用服務(wù)端事件技術(shù)編寫實(shí)時Web應(yīng)用
實(shí)戰(zhàn)8-4 　用消息通道在不同的瀏覽上下文中運(yùn)行代碼
實(shí)戰(zhàn)8-5 　用XMLHttpRequest Level 2上傳文件
實(shí)戰(zhàn)8-6 　檢查XMLHtppRequest Level 2跨源瀏覽器支持
本章小結(jié)
第9章 　HTML5 WebSocket
實(shí)戰(zhàn)9-1 　檢查瀏覽器是否支持WebSocket
實(shí)戰(zhàn)9-2 　建立WebSocket連接
實(shí)戰(zhàn)9-3 　處理WebSocket事件
實(shí)戰(zhàn)9-4 　通過WebSocket API使用WebSocket Server
本章小結(jié)
第10章 　HTML5地理定位API
認(rèn)識地理定位API
實(shí)戰(zhàn)10-1 　使用navigator對象
實(shí)戰(zhàn)10-2 　獲取當(dāng)前位置
實(shí)戰(zhàn)10-3 　使用position對象
實(shí)戰(zhàn)10-4 　處理定位錯誤
實(shí)戰(zhàn)10-5 　追蹤用戶的位置
實(shí)戰(zhàn)10-6 　使用geo.js開源庫
本章小結(jié)
第11章 　HTML5本地存儲
實(shí)戰(zhàn)11-1 　認(rèn)識偶爾連接的應(yīng)用
實(shí)戰(zhàn)11-2 　檢查HTML5存儲支持情況
實(shí)戰(zhàn)11-3 　為頁面聲明清單文件
實(shí)戰(zhàn)11-4 　使用ApplicationCache對象
實(shí)戰(zhàn)11-5 　ApplicationCache事件
實(shí)戰(zhàn)11-6 　刪除本地緩存
本章小結(jié)
第12章 　HTML5無障礙訪問
無障礙訪問的四個原則
WCAG的目的
實(shí)戰(zhàn)12-1 　用nav元素創(chuàng)建錨點(diǎn)鏈接
實(shí)戰(zhàn)12-2 　創(chuàng)建無障礙的表格數(shù)據(jù)
實(shí)戰(zhàn)12-3 　創(chuàng)建無障礙的表單
實(shí)戰(zhàn)12-4 　使用video元素并添加字幕和注解
實(shí)戰(zhàn)12-5 　使用ARIA項目
本章小結(jié)




媒體關(guān)注與評論
“HTML5菜鳥和老手都可以從這本書里各取所需，找到對自己有價值的內(nèi)容?！薄x者評論


編輯推薦
實(shí)戰(zhàn)、實(shí)例、實(shí)用·多位業(yè)內(nèi)專家聯(lián)袂奉獻(xiàn)·參透80個問題，掌握HTML5





圖書封面



圖書標(biāo)簽Tags
無




評論、評分、閱讀與下載



還沒讀過(10)
勉強(qiáng)可看(736)
一般般(125)
內(nèi)容豐富(5212)
強(qiáng)力推薦(427)


 


    HTML5實(shí)戰(zhàn) PDF格式下載