HTML 5实战2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML 5实战PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 拥抱HTML 51

1.1一个简单的HTML5页面2

1.1.1搭建支持的浏览器环境2

1.1.2检测浏览器是否支持HTML 5标记2

1.1.3使用HTML 5结构编写一个简单的Web页面4

1.2 HTML 5页面的特征6

1.2.1应用全新的HTML 5特征结构化元素6

1.2.2使用CSS文件美化HTML 5新元素9

1.3本章小结10

第2章HTML 5中常用的交互元素11

2.1内容交互元素12

2.1.1 details元素12

2.1.2 summary元素16

2.2菜单交互元素17

2.2.1 menu元素17

2.2.2 command元素20

2.3状态交互元素23

2.3.1 progress元素24

2.3.2 meter元素26

2.4本章小结28

第3章HTML 5中的重要元素29

3.1 html根元素30

3.2文档元素32

3.3脚本34

3.4节点37

3.4.1 section元素37

3.4.2 nav元素38

3.4.3 hgroup元素38

3.4.4 address元素38

3.5分组内容39

3.5.1 ul元素39

3.5.2 ol元素40

3.5.3 dl元素41

3.6文本层次语义42

3.6.1 time元素42

3.6.2 mark元素43

3.6.3 cite元素45

3.7嵌入内容46

3.7.1 img元素46

3.7.2 iframe元素47

3.7.3 object元素48

3.8公共属性48

3.8.1 draggable属性48

3.8.2 hidden属性50

3.8.3 spellcheck属性51

3.8.4 contenteditable属性53

3.9本章小结55

第4章HTML 5中的表单57

4.1 input元素的新增类型58

4.1.1 email邮件类型58

4.1.2 url地址类型60

4.1.3 number数字类型62

4.1.4 range数字滑动条64

4.1.5 date日期类型66

4.1.6 search搜索类型69

4.2 input元素新增的公用属性71

4.2.1 autofocus属性71

4.2.2 pattern属性73

4.2.3 placeholder属性75

4.2.4 required属性76

4.3新增表单元素78

4.3.1 datalist元素78

4.3.2 output元素80

4.3.3 keygen元素81

4.4表单新增的验证方法和属性83

4.4.1 checkValidity显式验证法83

4.4.2使用setCustomValidity方法修改提示信息85

4.4.3表单的novalidate属性87

4.5本章小结89

第5章HTML 5中的文件91

5.1选择文件92

5.1.1选择单个文件92

5.1.2选择多个文件93

5.1.3使用Blob接口获取文件的类型与大小95

5.1.4通过类型过滤选择的文件97

5.1.5通过accept属性过滤选择文件的类型99

5.2使用FileReader接口读取文件101

5.2.1 FileReader接口的方法101

5.2.2使用readAsDataURL方法预览图片101

5.2.3使用readAsText方法读取文本文件104

5.2.4侦听FileReader接口中的事件106

5.3使用DataTransfer对象拖放上传图片文件109

5.4文件读取时的错误与异常112

5.4.1发生错误与异常的条件112

5.4.2错误代码说明113

5.5本章小结114

第6章HTML 5中的视频和音频115

6.1多媒体元素基本属性116

6.1.1元素格式116

6.1.2 width与height属性117

6.1.3 controls属性119

6.1.4 poster属性121

6.1.5 networkState属性122

6.1.6 error属性124

6.1.7其他属性127

6.2多媒体元素常用方法131

6.2.1媒体播放时的方法131

6.2.2 canPlayType方法133

6.3多媒体元素重要事件136

6.3.1媒体播放事件136

6.3.2 timeupdate事件138

6.3.3其他事件140

6.4本章小结141

第7章HTML 5绘图基础143

7.1画布的基础知识144

7.1.1 canvas元素的基本用法144

7.1.2绘制带边框矩形146

7.1.3绘制渐变图形148

7.2在画布中使用路径151

7.2.1 moveTo与lineTo的用法151

7.2.2使用arc方法绘制圆形153

7.2.3绘制渐变圆形157

7.3对画布中图形的操作160

7.3.1变换图形原点坐标160

7.3.2组合多个图形163

7.3.3添加图形阴影166

7.4处理画布中的图像168

7.4.1绘制图像168

7.4.2平铺图像171

7.4.3切割图像174

7.4.4处理像素176

7.5画布的其他应用179

7.5.1绘制文字179

7.5.2保存、恢复及输出图形182

7.5.3制作简单的动画185

7.6本章小结188

第8章HTML 5中的数据存储189

8.1 Web Storage存储简介190

8.1.1 sessionStorage对象190

8.1.2 localStorage对象192

8.2 localStorage详解196

8.2.1清空localStorage数据196

8.2.2遍历localStorage数据199

8.2.3使用JSON对象存取数据202

8.2.4管理localStorage数据205

8.3 Web SQL数据库基础210

8.3.1打开与创建数据库210

8.3.2执行事务212

8.3.3插入数据215

8.3.4数据管理218

8.4本章小结225

第9章HTML 5中的离线应用227

9.1离线应用程序228

9.1.1 manifest文件简介228

9.1.2配置IIS服务器229

9.1.3离线应用的开发过程231

9.2本地缓存的更新及状态检测233

9.2.1 updateready事件234

9.2.2 update方法236

9.2.3 swapCache方法239

9.2.4更新本地缓存时触发的其他事件241

9.3检测在线状态244

9.3.1 onLine属性244

9.3.2 online与offline事件246

9.3.3离线数据交互应用开发过程249

9.4本章小结254

第10章HTML 5中的其他应用型API255

10.1 Web Sockets API256

10.1.1 postMessage方法256

10.1.2使用WebSocket传送数据260

10.1.3使用WebSocket传送JSON对象263

10.2 Geolocation API267

10.2.1使用getCurrentPosition方法获取当前地理位置267

10.2.2使用Google地图锁定位置273

10.3 Web Workers API275

10.3.1 Worker对象处理线程276

10.3.2使用线程传递JSON对象279

10.3.3使用线程嵌套交互数据281

10.4本章小结284

第11章HTML 5中元素的拖放285

11.1拖放基础286

11.1.1使用JavaScript代码实现拖放286

11.1.2在HTML5中实现拖放时触发的事件288

11.2 dataTransfer对象应用详解291

11.2.1使用setData与getData方法存入与读取拖放数据292

11.2.2使用setDragImage方法设置拖放图标295

11.2.3使用effectAllowed与dropEffect属性设置拖放效果297

11.3拖放应用实战300

11.3.1购物车的实现300

11.3.2相册的管理304

11.4本章小结307

实例1-1检测浏览器是否支持HTML52

实例1-2 Hello，World页面的实现4

实例1-3页面分栏实现6

实例1-4样式化页面实现9

实例2-1交互元素﹤details﹥的使用13

实例2-2用脚本控制交互元素﹤details﹥的使用14

实例2-3交互元素﹤summary﹥与﹤details﹥的结合使用16

实例2-4交互元素﹤menu﹥的使用18

实例2-5交互元素﹤command﹥与﹤menu﹥的结合使用20

实例2-6交互元素﹤progress﹥的使用24

实例2-7交互元素﹤meter﹥的使用26

实例3-1元素﹤html﹥的使用30

实例3-2元素﹤head﹥的使用33

实例3-3元素﹤script﹥与﹤noscript﹥的使用35

实例3-4元素﹤ol﹥的使用40

实例3-5元素﹤mark﹥的使用43

实例3-6元素﹤cite﹥的使用45

实例3-7公共属性draggable的使用49

实例3-8公共属性hidden的使用50

实例3-9公共属性spellcheck的使用51

实例3-10公共属性contenteditable的使用53

实例4-1 email类型的﹤input﹥元素的使用59

实例4-2 url类型的﹤input﹥元素的使用61

实例4-3 number类型的﹤input﹥元素的使用62

实例4-4 range类型的﹤input﹥元素实现颜色选择器64

实例4-5 分类展示不同形式的选择日期66

实例4-6 search类型的﹤input﹥元素的使用69

实例4-7 ﹤input﹥元素中autofocus属性的使用71

实例4-8 ﹤input﹥元素中pattern属性的使用73

实例4-9 ﹤input﹥元素中placeholder属性的使用75

实例4-10 ﹤input﹥元素中required属性的使用77

实例4-11 ﹤datalist﹥元素的使用78

实例4-12 ﹤output﹥元素的使用80

实例4-13 ﹤keygen﹥元素的使用82

实例4-14调用表单的checkValidity方法83

实例4-15调用表单的setCustomValidity方法85

实例4-16表单中novalidate属性的使用88

实例5-1选择单个文件上传92

实例5-2选择多个文件上传94

实例5-3获取上传文件的类型与大小95

实例5-4通过类型过滤上传文件97

实例5-5通过accept属性过滤上传文件的类型99

实例5-6使用readAsDataURL方法预览图片102

实例5-7使用readAsText方法读取文本文件104

实例5-8展示文件读取时触发事件的先后顺序107

实例5-9使用DataTransfer对象拖放上传图片文件109

实例6-1使用多媒体元素播放文件116

实例6-2设置﹤video﹥元素的大小与样式118

实例6-3设置﹤video﹥元素的控制条工具属性119

实例6-4设置﹤video﹥元素的poster属性121

实例6-5获取﹤video﹥元素networkState属性的返回值122

实例6-6获取﹤video﹥元素error属性的返回值125

实例6-7自定义﹤video﹥元素控制条工具栏131

实例6-8使用canPlayType方法检测浏览器支持媒体类型133

实例6-9获取多媒体元素在播放事件中的不同状态136

实例6-10通过timeupdate事件动态显示媒体文件播放时间138

实例7-1使用﹤canvas﹥元素绘制正方形144

实例7-2使用﹤canvas﹥元素绘制带边框的矩形146

实例7-3使用﹤canvas﹥元素绘制有渐变色的图形149

实例7-4使用moveTo与lineTo方法绘制多条直线151

实例7-5使用arc方法绘制多个不同样式的圆形154

实例7-6使用﹤canvas﹥元素绘制径向渐变的圆形158

实例7-7使用﹤canvas﹥元素移动、缩放、旋转图形160

实例7-8使用﹤canvas﹥元素设置多图形组合显示的方式164

实例7-9使用﹤canvas﹥元素添加绘制图形阴影166

实例7-10使用drawImage方法在画布中绘制图像169

实例7-11使用createPattern方法在画布中平铺图像172

实例7-12使用clip方法在画布中切割图像174

实例7-13使用getImageData与putImageData方法处理图像像素177

实例7-14使用fillText与strokeText方法绘制文字180

实例7-15 在画布中保存、恢复及输出图形182

实例7-16在画布中制作简单的动画186

实例8-1使用sessionStorage对象保存与读取临时数据191

实例8-2使用localStorage对象保存与读取登录用户名与密码193

实例8-3清空localStorage对象保存的全部数据197

实例8-4遍历localStorage对象保存的全部数据199

实例8-5使用JSON对象存取数据202

实例8-6管理localStorage数据206

实例8-7使用openDatabase打开与创建数据库211

实例8-8使用transaction方法执行事务213

实例8-9使用executeSql方法插入记录215

实例8-10使用executeSql方法管理数据记录218

实例9-1开发一个简单的离线应用231

实例9-2监测updateready事件触发234

实例9-3使用update方法更新本地缓存236

实例9-4使用swapCache方法更新本地缓存239

实例9-5检测离线应用在加载过程中触发的事件241

实例9-6通过onLine属性检测网络的当前状态245

实例9-7通过online与offline事件检测网络的当前状态247

实例9-8开发一个离线留言数据交互应用249

实例10-1使用postMessage方法实现跨文档传输数据256

实例10-2使用WebSocket对象传送数据261

实例10-3使用WebSocket传送JSON对象264

实例10-4使用getCurrentPosition方法获取出错数据信息268

实例10-5使用getCurrentPosition方法获取地理位置信息270

实例10-6使用Google地图锁定位置273

实例10-7使用Worker对象处理线程276

实例10-8使用线程传递JSON对象279

实例10-9使用线程嵌套交互数据281

实例11-1使用JavaScript代码实现元素拖放286

实例11-2元素在拖放过程中触发的事件289

实例11-3使用setData与getData方法存入与读取拖放数据292

实例11-4使用setDragImage方法设置拖放图标295

实例11-5使用effectAllowed与dropEffect属性设置拖放效果298

实例11-6使用拖放API将商品拖入购物车301

实例11-7使用拖放API将图片拖入回收站304