寫給Web開發(fā)人員看的HTML5教程目錄

時間：2023-06-20 02:24:01 | 來源：營銷百科

時間：2023-06-20 02:24:01 來源：營銷百科

寫給Web開發(fā)人員看的HTML5教程目錄：　第1章　Web標(biāo)準(zhǔn)概述　1

n1.1　HTML5誕生始末　1

n1.2　重大歷史事件回顧　6

n1.3　揀重要的說　8

n1.3.1　有什么新特色？　8

n1.3.2　去掉了什么？　11

n1.3.3　XHTML呢？　14

n1.4　現(xiàn)在我可以開始使用HTML5了嗎？　15

n小結(jié)　16

n第2章　文檔結(jié)構(gòu)和語義　17

n2.1　頁眉的header和hgroup標(biāo)簽　18

n2.2　正文(article)內(nèi)容　20

n2.3　由footer和nav組成的頁腳　21

n2.4　由aside及section組成的工具欄　23

n2.5　大綱算法　24

n2.6　圖形中的figure及figcaption　25

n2.7　文檔級別語義--更多新的標(biāo)簽　26

n2.7.1　元素ruby、rt及rp　26

n2.7.2　time元素　27

n2.7.3　mark元素　28

n2.7.4　wbr元素　28

n2.7.5　略微改變的元素　29

n小結(jié)　30

n第3章　智能表單　31

n3.1　新的輸入類型(input type)　31

n3.1.1　輸入類型tel及search　32

n3.1.2　輸入類型url及email　33

n3.1.3　用datetime，date，month，week，time以及datetime-local表示日期和時間　33

n3.1.4　輸入類型number及range　34

n3.1.5　輸入類型color　34

n3.1.6　新輸入類型的實際應(yīng)用　34

n3.2　有用的表單屬性　36

n3.2.1　使用autofocus操作焦點　36

n3.2.2　為文本使用placeholder占位符　37

n3.2.3　使用required定義必填項　37

n3.2.4　input元素中的更多屬性　37

n3.3　新的元素　39

n3.3.1　使用meter顯示度量　40

n3.3.2　用progress顯示任務(wù)進程　42

n3.3.3　datalist選項列表　43

n3.3.4　使用keygen處理密鑰　44

n3.3.5　用output進行計算　46

n3.4　客戶端表單驗證　48

n3.4.1　invalid事件　50

n3.4.2　checkValidity函數(shù)　50

n3.4.3　使用setCustomValidity()進行錯誤處理　52

n3.4.4　有效性驗證總結(jié)　53

n3.4.5　不做有效性驗證也許更好？'formnovalidate'　53

n3.5　案例：一張維修表單　53

n小結(jié)　57

n第4章　視頻與音頻　59

n4.1　第一個案例　60

n4.2　video元素及其屬性　60

n4.3　視頻編解碼器　62

n4.3.1　Ogg：Theora與Vorbis　63

n4.3.2　MPEG-4：H.264與AAC　64

n4.3.3　WebM：VP8與Vorbis　64

n4.4　視頻轉(zhuǎn)換工具　65

n4.4.1　FFmpeg　65

n4.4.2　VLC　66

n4.4.3　Firefogg　67

n4.4.4　Miro Video Converter　68

n4.5　各種瀏覽器支持些什么格式　70

n4.6　舊瀏覽器的過渡解決方案　70

n4.6.1　mwEmbed　70

n4.6.2　html5media　72

n4.7　視頻與腳本--簡單的視頻播放器　73

n4.7.1　視頻整合　74

n4.7.2　播放和暫停視頻　75

n4.7.3　顯示及設(shè)定播放位置　76

n4.7.4　快進和后退　77

n4.7.5　選擇電影場景　79

n4.7.6　音量調(diào)節(jié)及靜音　79

n4.7.8　HTMLMediaElement接口中其他的屬性及方法　80

n4.7.9　媒體事件列表　83

n4.8　關(guān)于音頻　84

n小結(jié)　89

n第5章　畫布　91

n5.1　案例一　92

n5.2　矩形　94

n5.3　顏色及陰影　96

n5.4　漸變　97

n5.5　路徑繪圖　100

n5.5.1　線條　101

n5.5.2　Bézier曲線　102

n5.5.3　弧線　103

n5.5.4　矩形　107

n5.5.5　輪廓、填充及剪切遮罩　108

n5.6　文本　111

n5.6.1　字體　111

n5.6.2　水平錨點　113

n5.6.3　垂直錨點　114

n5.6.4　繪制及測量文本　115

n5.7　內(nèi)嵌圖像　116

n5.8　像素處理　120

n5.8.1　使用ImageData對象　120

n5.8.2　使用getImageData()、createImageData()及putImageData()進行顏色處理　123

n5.9　混合(Compositing)　127

n5.10　圖案(Pattern)　130

n5.11　變換(Transformations)　133

n5.12　用canvas.toDataURL()進行Base64編碼　140

n5.13　save()與restore()　141

n5.14　動畫　142

n5.14.1　彩色球體動畫　142

n5.14.2　用drawImage()播放視頻　145

n5.15　還有遺漏嗎？　148

n5.15.1　isPointInPath(x, y)　148

n5.15.2　Canvas的可訪問性？　149

n5.15.3　安全方面　150

n5.15.4　瀏覽器支持　151

n5.15.5　更多鏈接　151

n小結(jié)　152

n第6章　SVG與MathML　153

n6.1　MathML　154

n6.2　SVG　156

n小結(jié)　157

n第7章　地理定位　159

n7.1　地理定位介紹　159

n7.1.1　地理數(shù)據(jù)　159

n7.1.2　在線地圖服務(wù)　160

n7.2　初體驗：在瀏覽器中使用地理定位　163

n7.3　定位的技術(shù)背景　166

n7.4　OpenStreetMap上顯示當(dāng)前位置　167

n7.5　使用GoogleMaps追蹤位置　169

n7.6　案例：Geonotes　170

n7.6.1　操作　170

n7.6.2　重要的代碼片斷　171

n7.7　瀏覽器支持　175

n小結(jié)　175

n第8章　Web存儲及離線Web應(yīng)用程序　177

n8.1　存儲　177

n8.1.1　Storage接口　178

n8.1.2　會話存儲(sessionStorage)　179

n8.1.3　本地存儲(localStorage)　180

n8.1.4　storage事件　181

n8.1.5　調(diào)試　181

n8.2　離線Web應(yīng)用程序　183

n8.2.1　緩存清單文件　183

n8.2.2　離線狀態(tài)及事件　184

n8.2.3　調(diào)試　187

n8.3　瀏覽器支持　189

n8.4　案例: Click to tick!　189

n8.4.1　用戶界面　190

n8.4.2　管理界面　191

n8.4.3　重要代碼片段　192

n8.4.4　擴展選項　197

n小結(jié)　198

n第9章　網(wǎng)頁套接字　199

n9.1　WebSocket服務(wù)器　201

n9.2　案例：廣播服務(wù)器　202

n9.2.1　廣播客戶端　202

n9.2.2　廣播服務(wù)器　204

n9.3　案例：Battleships!(戰(zhàn)列艦)　206

n小結(jié)　213

n第10章　多線程　215

n10.1　Web Worker介紹　215

n10.2　查找閏年　217

n10.3　配合Canvans計算海拔檔案　219

n10.3.1　重要代碼清單　220

n小結(jié)　224

n第11章　微數(shù)據(jù)　225

n11.1　微數(shù)據(jù)語法　226

n11.1.1　屬性itemscope及itemprop　227

n11.1.2　itemtype屬性　229

n11.1.3　itemid屬性　231

n11.1.4　itemref屬性　231

n11.2　微數(shù)據(jù)DOM API　232

n小結(jié)　233

n第12章　寫在最后：一些全局屬性　235

n12.1　class屬性的變化　236

n12.2　用'data-*'定義自定義屬性　236

n12.3　hidden屬性　237

n12.4　classList接口　238

n12.5　通過draggable屬性實現(xiàn)拖曳　240

n12.5.1　拖曳與FileAPI相結(jié)合　245

n12.6　屬性contenteditable與spellcheck　248

n小結(jié)　250

n后記　251