1. HTML5都有哪些学习要点

方法一：注重实践，由实践出真知在HTML5知识学习过程中，有些学员不喜欢动手，更喜欢听讲师讲或者自己背诵，这种学习方法是万万不可取的。

因为代码的学习，是个需要动手的过程。掌握代码不仅仅只有记忆还有尝试。

尝试自己去写代码，然后发现问题，最后进行归纳总结，同时形成理论并记忆。方法二：由整体到局部，由骨架到血肉我们在学习HTML和CSS时，会涉及到网页的搭建等相关知识。

在学习这部分知识时我们采取的是“由外及内”、“由整体到部分”、“由全局到细节”的学习方法。我们在接触某一个新的知识点时，一定要从主干到枝叶，不要拘泥于某一个细节而沉溺于其中。

主干如同知识的一个主线，这种先找主干后添枝叶的学习方法能够让知识遗漏变成最少，也会比较容易建立起知识与知识间的关系。方法三：记忆很重要我们刚才在方法一中提到注重实践，并不是让我们忽略记忆。

记忆也是同样重要的，学习时我们通常会遇到需要记忆的知识点。如有哪些数据类型、有哪些标签元素等等。

遇到这类知识点时我们一定要通过记忆将其熟练掌握，很多人在学习的过程中觉得还是理解是最重要的，这种想法是错误的。因为如果连记都记不住还谈什么理解呢？方法四：类比在学习CSS引入方式这种知识点时，我们采用了另一种学习方法。

类比，或者也可以叫做辨析。这种方法主要针对于区分相似的两种或多种事物。

如strong与em，块元素与行元素，同步与异步等等此类知识具有相似性的知识，应多多思考，抓取几种事物的不同点，结合去记忆。方法五：循序渐进的学习学习是一个日积月累的过程，不能一口吃成一个胖子。

在学习的过程中我们通常会遇到一些大型的知识，这种知识是比较难啃的。当我们遇到此类知识时，不要急于求成，要脚踏实地一步一步的来，例如动画框架的学习就是一个典型的例子。

在循序渐进的学习过程中，学习思路也是很重要的。换句话说，我们面对一个“大型”的知识点，知道要按部就班的一步一步的来完成，但是就是不知道该怎么开始，从哪儿开始。

这时候就需要我们有明确的学习思路，在学习知识的过程中重点是关注思路，而具体的小知识点就是血和肉。方法六：有一双善于发现的眼睛，利用生活辅助学习。

这种学习方法简单来讲就是利用生活中的实际事物辅助抽象知识的学习。利用这种方法能够让我们更快更好的理解和吸收知识，例如在讲解AJAX时我们利用了信件邮寄。

在讲解构造函数时，我们利用了毛坯房和装修房。在讲解引用类型变量的时候我们借助了钥匙和仓库的关系等等。

学习并不是一蹴而就的，在学习过程中有一个良好的学习方法这是至关重要的。掌握一套自己的学习方法，日后必定受益终生的。

还有最重要的一个关键，那就是你必须要坚持，必须要有求知的欲望。

2. 学HTML5,你需要掌握这几个知识点

Html5开发可谓是这几年来特别“受宠”的软件开发了，html5不仅入行门槛低、薪资高，发展前景更是可观，所以得到大家的追捧和青睐也是实至名归的，那么想要从事html5开发学习要掌握哪些必备的知识呢？

那么想要学好html5开发，那么需要掌握的专业技术有：

第1阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；

第2阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；

第3阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；

第4阶段：移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp

第5阶段：混合（Hybrid）开发：各类混合应用开发；

第6阶段：NodeJS全栈开发：WebApp后端系统开发；

第7阶段：大数据可视化：数据可视化入门、D3.jS详解及项目实战。

如今移动互联网发展迅速，技术不断的更新迭代，所学知识也需与时俱进。现在市场上的主流互联网网站，需要打造的是一流用户交互体验。对于前端开发者的要求，不再是简单的页面展示，而是需要全栈式的前端开发工程师。

3. HTML5主要有哪些学习技巧

主要有以下五种学习技巧：

“未来我们会是一名长期做程序开发的攻城狮， 所以我们在学习HTML5的时候， 应该着重学习javascript， 因为，javascript主要负责的就是与用户的交互事件，。不言而喻，交互永远是重头戏”。

“相对来说HTML和CSS的知识点是比较多的，比如标签、选择器等等。种类实在是太多， 而对于初学者来说，完全不需要都记住， 只需要记住最常见的即可， 其他的在不明白的时候， 及时去查资料就可以，所以对于HTML和CSS的知识点，我们可以快速学习，掌握基本即可”。

“HTML5属于一门标记语言， 而作为一名移动端攻城狮来说， HTML5的学习，相对来说是比较简单的，虽然语法上有不少不一样的地方， 但是代码逻辑和实现方式都是差不多的”

“要学好HTML5， 我们需要学习三个方面的知识： 第一是：HTML， 第二是CSS. 第三是：javascript。这三面的知识贯穿整个HTML5的学习，可以说每一个HTML5开发工程师都必须掌握的知识。同时，这三面的知识在工作中也会经常用到”。

“HTML5的学习离不开代码，每一个代码所代表的含义也是不一样的。在HTML5中甚至有上百上千个标签需要记住，我们不可能一次性记住。这时，建议不要浪费太多的时间去记代码，可以在平时的工作学习中遇到一个记一个，这样慢慢的积少成多。当然，我们在编码过程中必须用到的，还是应该记住的”。

4. 学习HTML5前端,要会哪些知识点和技能

目前，我在叩丁狼学习HTML5前端的知识，第一阶段我们学习的是HTML5+CSS3网站开发，这阶段我们会熟悉PhotoShop、HTML5、CSS3等知识点。

第二阶段，老师会教授我们JavaScript网页编程的相关知识，学着掌握编程预科、JavaScript基础、Web APIs和网页特效等。第三阶段，是动画设计和响应式网站的相关知识，第四阶段，会学习H5全栈开发和AJAX交互，第五阶段，是关于移动Web和Vue电商，第六阶段是React实战和移动App，第七阶段，是微信小程序和大数据可视化。

希望以上内容对你学习HTML5前端能有所帮助。

5. HTML5有哪些知识,大概说说

HTML5提供了一些新的元素和属性，例如

（网站导航块）和 。

这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如和 标记。1、取消了一些过时的HTML4标记其中包括纯粹显示效果的标记，如和

，它们已经被CSS取代。

HTML5 吸取了XHTML2 一些建议，包括一些用来改善文档结构的功能，比如，新的HTML 标签 header, footer, dialog, aside, figure 等的使用，将使内容创作者更加语义地创建文档，之前的开发者在实现这些功能时一般都是使用div。2、将内容和展示分离b 和 i 标签依然保留，但它们的意义已经和之前有所不同，这些标签的意义只是为了将一段文字标识出来，而不是为了为它们设置粗体或斜体式样。

u,font,center,strike 这些标签则被完全去掉了。3、一些全新的表单输入对象包括日期，URL,Email 地址，其它的对象则增加了对非拉丁字符的支持。

HTML5 还引入了微数据，这一使用机器可以识别的标签标注内容的方法，使语义Web 的处理更为简单。总的来说，这些与结构有关的改进使内容创建者可以创建更干净，更容易管理的网页，这样的网页对搜索引擎，对读屏软件等更为友好。

4、全新的，更合理的Tag多媒体对象将不再全部绑定在object或 embed Tag 中，而是视频有视频的Tag，音频有音频的 Tag。5、本地数据库这个功能将内嵌一个本地的SQL 数据库，以加速交互式搜索，缓存以及索引功能。

同时，那些离线Web 程序也将因此获益匪浅。不需要插件的丰富动画。

6、Canvas 对象将给浏览器带来直接在上面绘制矢量图的能力，这意味着用户可以脱离Flash 和Silverlight，直接在浏览器中显示图形或动画。7、浏览器中的真正程序将提供 API 实现浏览器内的编辑，拖放，以及各种图形用户界面的能力。

内容修饰Tag 将被剔除，而使用CSS。8、Html5取代Flash在移动设备的地位。

9、其突出的特点就是强化了web页的表现性，追加了本地数据库，[2]。

6. 学习HTML5需要学习哪些语言

HTML5是由HTML+CSS+JavaScript组成的。

HTML表示结构，CSS表示样式，JavaScript表示行为 JavaScript是一门脚本语言，包含原生JavaScript、Ajax以及jQuery这类典型框架 还需要学习Vue、微信小程序等当前主流知识（基于HTML5的扩展性知识） 除上述典型的WEB前端技术之外，还需要学习WEB前端（HTML5）相关技术，包括SEO的部分知识（用于掌握标签的语义性），PS的部分知识（用于切图），后台的部分知识（用于更好的进行数据交互）。 关于具体模块的知识内容，可以查看《HTML5课程内容》。

《HTML5从入门到精通》系统、全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性，技术新颖实用。

目 录

第1篇 HTML基础

第1章 HTML基础 3

教学录像：22分钟

1.1 HTML的基本概念 4

1.2 HTML发展史 4

1.3 HTML的基本结构 5

1.3.1 HTML文件的编写方法 5

1.3.2 文件开始标签<html>7

1.3.3 文件头部标签<head>7

1.3.4 文件标题标签<title>7

1.3.5 文件主体标签<body>7

1.3.6 编写文件的注意事项 8

1.4 编写第一个HTML文件 8

1.4.1 HTML文件的编写方法 8

1.4.2 手工编写页面 9

1.4.3 使用可视化软件制作页面 10

1.4.4 使用浏览器浏览HTML文件 14

1.4.5 使用HTML开发的明日图书网 14

1.5 小结 15

1.6 习题 16

第2章 HTML文件基本标记 17

教学录像：44分钟

2.1 HTML头部标记 18

2.2 标题标记<title>18

2.3 元信息标记<meta>19

2.3.1 设置页面关键字 19

2.3.2 设置页面描述 20

2.3.3 设置编辑工具 20

2.3.4 设定作者信息 21

2.3.5 限制搜索方式 22

2.3.6 设置网页文字及语言 22

2.3.7 设置网页的定时跳转 23

2.3.8 设定有效期限 24

2.3.9 禁止从缓存中调用 24

2.3.10 删除过期的cookie 25

2.3.11 强制打开新窗口 25

2.3.12 设置网页的过渡效果 26

2.4 基底网址标记<base>29

2.5 页面的主体标记<body>30

2.5.1 设置文字颜色——text 31

2.5.2 背景颜色属性——bgcolor 32

2.5.3 背景图像属性——background 32

2.5.4 设置链接文字属性——link 35

2.5.5 设置边距——margin 37

2.6 页面的注释标记 38

2.7 实例演练——创建基本的HTML网页 38

2.8 小结 39

2.9 习题 40

第3章 设计网页文本内容 41

教学录像：29分钟

3.1 标题文字的建立 42

3.1.1 标题文字标记<h>42

3.1.2 标题文字的对齐方式——align 43

3.2 设置文字格式 44

3.2.1 设置文字字体——face 44

3.2.2 设置字号——size 45

3.2.3 设置文字颜色——color 46

3.2.4 粗体、斜体、下划线——strong、em、u 46

3.2.5 上标与下标——sup、sub 47

3.2.6 设置删除线——strike 48

3.2.7 等宽文字标记——code 49

3.2.8 空格——&nbsp49

3.2.9 其他特殊符号 50

3.3 设置段落格式 51

3.3.1 段落标记——p 51

3.3.2 取消文字换行标记——nobr 52

3.3.3 换行标记——br 53

3.3.4 保留原始排版方式标记——pre 53

3.3.5 居中对齐标记——center 54

3.3.6 向右缩进标记——blockquote 55

3.4 水平线标记 56

3.4.1 添加水平线——hr 56

3.4.2 设置水平线的宽度与高度

——width、height 57

3.4.3 设置水平线的颜色——color 58

3.4.4 设置水平线的对齐方式——align 59

3.4.5 去掉水平线阴影——noshade 60

3.5 其他文字标记 60

3.5.1 文字标注标记——ruby 60

3.5.2 声明变量标记——var 61

3.5.3 忽视HTML标记

——plaintext、xmp 62

3.6 小结 63

3.7 习题 63

第4章 使用列表 65

教学录像：35分钟

4.1 列表的标记 66

4.2 使用无序列表 66

4.2.1 无序列表标记——ul 66

4.2.2 无序列表的符号类型——type 67

4.3 使用有序列表 69

4.3.1　有序列表标记——ol 69

4.3.2　有序列表的属性——type 70

4.3.3　有序列表的起始数值——start 72

4.4 定义列表标记——dl 73

4.5 菜单列表标记——menu 74

4.6 目录列表——dir 75

4.7 使用嵌套列表 76

4.7.1　定义列表的嵌套 77

4.7.2　无序列表和有序列表的嵌套 78

4.8 小结 79

4.9 习题 80

第5章 超链接 81

教学录像：22分钟

5.1 超链接的基本知识 82

5.1.1 超链接 82

5.1.2 绝对路径 82

5.1.3 相对路径 82

5.2 超链接的建立 83

5.2.1 超链接标记的基本语法 83

5.2.2 建立文本超链接 83

5.2.3 设置超链接的目标窗口 85

5.3 内部链接 87

5.4 书签链接 89

5.4.1 建立书签 89

5.4.2 链接到同一页面的书签 91

5.4.3 链接到不同页面的书签 92

5.5 外部链接 93

5.5.1 通过HTTP协议 94

5.5.2 通过FTP 94

5.5.3 发送E-mail 95

5.5.4 下载文件 96

5.6 其他链接 98

5.6.1 脚本链接 98

5.6.2 空链接 99

5.7 小结 99

5.8 习题 100

第6章 使用图像 101

教学录像：35分钟

6.1 图像的基本格式 102

6.2 添加图像——img 102

6.3 设置图像属性 103

6.3.1 图像高度——height 103

6.3.2 图像宽度——width 104

6.3.3 图像边框——border 105

6.3.4 图像水平间距——hspace 107

6.3.5 图像垂直间距——vspace 108

6.3.6 图像相对于文字基准线的对齐方式

——align 108

6.3.7 图像的提示文字——alt 110

6.4 图像的超链接 111

6.4.1　设置图像的超链接 111

6.4.2　设置图像热区链接 112

6.5 小结 116

6.6 习题 116

第7章 表格的应用 118

教学录像：48分钟

7.1　创建表格 119

7.1.1　表格的基本构成——table、tr、td 119

7.1.2　表格的标题——caption 120

7.1.3　表格的表头——th 121

7.2　设置表格基本属性 123

7.2.1　表格的宽度——width 123

7.2.2　表格的高度——height 125

7.2.3　表格的对齐方式——align 126

7.3　设置表格的边框 127

7.3.1　表格边框的宽度——border 127

7.3.2　表格边框的颜色——bordercolor 128

7.3.3　表格内框的宽度——cellspacing 130

7.3.4　表格内文字与边框的间距

——cellpadding 131

7.4　设置表格背景 132

7.4.1　表格的背景颜色——bgcolor 132

7.4.2　表格的背景图像——background 133

7.5　设置表格的行属性 134

7.5.1　高度的控制——height 134

7.5.2　行的边框颜色——bordercolor 135

7.5.3　行的背景颜色——bgcolor、background 136

7.5.4　行文字的水平对齐方式——align 137

7.5.5　行文字的垂直对齐方式——valign 139

7.5.6 表格标题的垂直对齐方式——align 140

7.6　调整单元格属性 141

7.6.1　单元格大小——width、height 141

7.6.2　单元格水平跨度——colspan 142

7.6.3　单元格垂直跨度——rowspan 143

7.6.4　单元格对齐方式——align、valign 144

7.6.5　单元格的背景色 146

7.6.6　单元格的边框颜色——bordercolor 147

7.6.7　单元格的亮边框——bordercolorlight 148

7.6.8　单元格的暗边框——bordercolordark 150

7.6.9　单元格的背景图像——background 151

7.7　表格的结构 152

7.7.1　表格的表头标记——thead 153

7.7.2　表格的表主体标记——tbody 154

7.7.3　表格的表尾标记——tfoot 156

7.8 表格的嵌套 157

7.9 小结 159

7.10 习题 159

第8章 层标记——div 161

教学录像：33分钟

8.1 层 162

8.1.1 层的分类 162

8.1.2 定义数据块 162

8.2 <div>标签 163

8.2.1 <div>标签的简介 163

8.2.2 <div>标签的属性 164

8.2.3 <span>标签与<div>标签 170

8.3 <iframe>标签 172

8.3.1 <iframe>标签的简介 172

8.3.2 <iframe>标签的属性 172

8.4 <layer>标签和<ilayer>标签 174

8.4.1 标签层的使用 175

8.4.2 <layer>标签和<ilayer>标签的区别 176

8.5 应用div制作下拉菜单导航条 176

8.6 小结 179

8.7 习题 179

第9章 编辑表单 181

教学录像：26分钟

9.1　使用表单标签——form 182

9.1.1　处理动作——action 182

9.1.2　表单名称——name 183

9.1.3　传送方法——method 183

9.1.4　编码方式——enctype 184

9.1.5　目标显示方式——target 185

9.2 添加控件 185

9.3　输入类的控件 186

9.3.1　文字字段——text 186

9.3.2　密码域——password 187

9.3.3　单选按钮——radio 188

9.3.4　复选框——checkbox 189

9.3.5　普通按钮——button 190

9.3.6　提交按钮——submit 191

9.3.7　重置按钮——reset 192

9.3.8　图像域——image 193

9.3.9　隐藏域——hidden 195

9.3.10　文件域——file 195

9.4　列表/菜单标记 197

9.5　文本域标记——textarea 198

9.6　id标记 199

9.7　小结 200

9.8　习题 200

第10章 多媒体页面 202

视频讲解：18分钟

10.1 设置滚动文字 203

10.1.1 滚动文字标签——marquee 203

10.1.2 滚动方向属性——direction 203

10.1.3 滚动方式属性——behavior 204

10.1.4 滚动速度属性——scrollamount 205

10.1.5 滚动延迟属性——scrolldelay 206

10.1.6 滚动循环属性——loop 207

10.1.7 滚动范围属性——width、height 208

10.1.8 滚动背景颜色属性——bgcolor 209

10.1.9 滚动空间属性——hspace、vspace 209

10.2 添加背景音乐 211

10.2.1　设置背景音乐——bgsound 211

10.2.2　设置循环播放次数——loop 212

10.3 添加多媒体文件 213

10.3.1 添加多媒体文件标记——embed 213

10.3.2 设置自动运行——autostart 214

10.3.3 设置媒体文件的循环播放——loop 215

10.3.4 隐藏面板——hidden 216

10.3.5 添加其他类型的媒体文件 217

10.4 小结 217

10.5 习题 218

第2篇 HTML 5高级应用

第11章 HTML 5的新特性 221

视频讲解：6分钟

11.1 谁在开发HTML 5 222

11.2 HTML 5的新认识 222

11.2.1 兼容性 222

11.2.2 实用性和用户优先 222

11.2.3 化繁为简 223

11.3 无插件范式 223

11.4 HTML 5的新特性 224

11.5 小结 224

第12章 HTML 5与HTML 4的区别 225

视频讲解：51分钟

12.1 语法的改变 226

12.1.1 HTML 5的语法变化 226

12.1.2 HTML 5中的标记方法 226

12.1.3 HTML 5语法中的3个要点 227

12.1.4 标签实例 228

12.2 新增的元素和废除的元素 228

12.2.1 新增的结构元素 228

12.2.2 新增的块级的语义元素 230

12.2.3 新增的行内的语义元素 231

12.2.4 新增的嵌入多媒体元素与交互性元素 231

12.2.5 新增的input元素的类型 232

12.2.6 废除的元素 233

12.3 新增的属性和废除的属性 234

12.3.1 新增的属性 234

12.3.2 废除的属性 236

12.4 全局属性 237

12.4.1 contentEditable属性 237

12.4.2 designMode属性 238

12.4.3 hidden属性 239

12.4.4 spellcheck属性 239

12.4.5 tabindex属性 240

12.5 小结 240

12.6 习题 240

第13章 HTML 5的结构 242

视频讲解：20分钟

13.1 新增的主体结构元素 243

13.1.1 article元素 243

13.1.2 section元素 245

13.1.3 nav元素 247

13.1.4 aside元素 248

13.1.5 time元素 250

13.1.6 pubdate属性 250

13.2 新增的非主体结构元素 251

13.2.1 header元素 251

13.2.2 hgroup元素 252

13.2.3 footer元素 252

13.2.4 address元素 253

13.3 小结 253

13.4 习题 254

第14章 HTML 5中的表单 255

视频讲解：50分钟

14.1 新增表单元素与属性 256

14.1.1 新增的属性 256

14.1.2 增加与改良的input元素的种类 259

14.1.3 output元素的添加 264

14.1.4 应用新增元素制作注册表单 264

14.2 对表单的验证 266

14.2.1 自动验证 266

14.2.2 checkValidity显式验证法 267

14.2.3 避免验证 268

14.2.4 使用setCustomValidity方法自定义

错误信息 268

14.3 增加的页面元素 269

14.3.1 新增的figure元素 270

14.3.2 新增的details元素 271

14.3.3 新增的mark元素 272

14.3.4 新增的progress元素 274

14.3.5 新增的meter元素 275

14.3.6 改良的ol列表 276

14.3.7 改良的dl列表 276

14.3.8 加以严格限制的cite元素 277

14.3.9 重新定义的small元素 278

14.4 小结 278

14.5 习题 279

第15章 HTML 5中的文件与拖放 280

视频讲解：40分钟

15.1 选择文件 281

15.1.1 通过file对象选择文件 281

15.1.2 使用blob接口获取文件的类型与大小 282

15.1.3 通过类型过滤选择的文件 283

15.2　使用FileReader接口读取文件 285

15.2.1 检测浏览器是否支持FileReader接口 285

15.2.2　FileReader接口的方法 285

15.2.3 使用readAsDataURL方法预览图片 286

15.2.4　使用readAsText方法读取文本文件 287

15.2.5　FileReader接口中的事件 288

15.3 拖放API 290

15.3.1 实现拖放的步骤 290

15.3.2 通过拖放显示欢迎信息 291

15.4 dataTransfer对象应用详解 293

15.4.1 使用effectAllowed和dropEffect属性

设置拖放效果 293

15.4.2 使用setDragImage方法设置拖放图标 294

15.5 小结 295

15.6 习题 295

第16章 多媒体播放 296

视频讲解：35分钟

16.1 HTML 5多媒体的简述 297

16.1.1 HTML 4中多媒体的应用 297

16.1.2 HTML 5页面中的多媒体 297

16.2 多媒体元素基本属性 298

16.3 多媒体元素常用方法 302

16.3.1 媒体播放时的方法 302

16.3.2 canPlayType(type)方法 304

16.4 多媒体元素重要事件 304

16.4.1 事件处理方式 304

16.4.2 事件介绍 305

16.4.3 事件实例 306

16.5 小结 308

16.6 习题 309

第17章 绘制图形 310

视频讲解：1小时32分钟

17.1 canvas的基础知识 311

17.1.1 canvas是什么 311

17.1.2 在页面中放置canvas元素 311

17.1.3 绘制带边框的矩形 312

17.2 在画布中使用路径 314

17.2.1 使用arc方法绘制圆形 314

17.2.2 使用moveTo与lineTo路径绘制火柴人 316

17.2.3 贝塞尔和二次方曲线 317

17.3 运用样式与颜色 319

17.3.1 fillStyle 和 strokeStyle属性 319

17.3.2 透明度 globalAlpha 321

17.3.3 线型 Line styles 323

17.4 绘制渐变图形 325

17.4.1 绘制线性渐变 325

17.4.2 绘制径向渐变 326

17.5 绘制变形图形 328

17.5.1 坐标的变换 328

17.5.2 矩阵变换 330

17.6 组合多个图形 333

17.7 给图形绘制阴影 335

17.8 应用图像 336

17.8.1 绘制图像 336

17.8.2 图像的局部放大 338

17.8.3 图像平铺 339

17.8.4 图像裁剪 341

17.8.5 像素的处理 342

17.9 绘制文字 344

17.10 保存与恢复状态 345

17.11 文件的保存 346

17.12 对画布绘制实现动画 347

17.13 综合实例——桌面时钟 348

17.14 小结 350

17.15 习题 351

第18章 数据存储 352

视频讲解：50分钟

18.1 初识Web Storage 353

18.1.1 什么是Web Storage 353

18.1.2 使用Web Storage中的API 353

18.1.3 sessionStorage和localStorage的实例

——计数器 355

18.1.4 Web Storage综合实例——留言本 357

18.1.5 JSON对象的存数实例——用户信息卡 359

18.2 本地数据库 361

18.2.1 Web SQL数据库简介 361

18.2.2 使用Web SQL Database API 362

18.2.3 本地数据库实例——用户登录 363

18.3 小结 367

18.4 习题 367

第19章 离线应用程序 368

视频讲解：13分钟

19.1 HTML 5离线Web应用概述 369

19.1.1 离线Web应用概述 369

19.1.2 本地缓存与浏览器网页缓存的区别 370

19.2 创建HTML 5离线应用 370

19.2.1 缓存清单（manifest） 370

19.2.2 配置IIS服务器 372

19.2.3 浏览缓存清单 372

19.3 浏览器与服务器的交互过程 373

19.4 applicationCache对象 374

19.4.1 swapCache方法 375

19.4.2 applicationCache对象的事件 376

19.5 小结 379

19.6 习题 379

第20章 使用Web Worker处理线程 380

视频讲解：25分钟

20.1 Web Worker概述 381

20.1.1 创建和使用Worker 381

20.1.2 Web Worker应用实例——求和运算 382

20.2 在Worker内部能做什么 383

20.3 多个JavaScript文件的加载与执行 384

20.4 线程嵌套 384

20.4.1 单层嵌套 385

20.4.2 在多个子线程中进行数据的交互 387

20.5 小结 390

20.6 习题 390

第21章 通信API 391

视频讲解：4分钟

21.1 跨文档消息通信 392

21.1.1 使用postMessageAPI 392

21.1.2 跨文档消息传输 392

21.2 小结 394

第22章 获取地理位置信息 395

视频讲解：12分钟

22.1 Geolocation API的概述 396

22.1.1 使用getCurrentPosition方法获取

当前地理位置 396

22.1.2 持续监视当前地理位置的信息 398

22.1.3 停止获取当前用户的地理位置信息 398

22.2 position对象 398

22.3 在google地图上显示“我在这里” 399

22.4 小结 401

22.5 习题 401

第3篇 HTML 5项目实战

第23章 旅游信息网前台页面 405

视频讲解：20分钟

Html的全称是Hyper Text Mark-up Language。Html语言也被称为超文本标识语言。

Html文件是标准的ASCII文件，看起来是像加入了许多被称为链接标签（tag）的特殊

字 符串的普通文本文件。

Html标记写法如下：

任何标记皆由“<”及“>”括住，如：<p>,<a>。

标记名与小于号（“<”）之间不能留有空格，如：<P>(错误的）， <P>（正确的）。

有些标记需要加上属性和参数，有些不需要属性和参数，如：

<div align="center">Hello</div>,Hello<br>

标记都是由起始标记（如<p>）开始，由终结标记（如</p>）结束的。

参数只可加于起始标记中。

标记字母大小写皆可。

Html网页文件可由任何文件编辑器或网页专用编辑器编辑，完成后以.htm或.html为文

件后缀保存。 Html网页文件由浏览器打开显示，一个网站的首页名称通常定为index.htm或

index.html。这样约定 的好处是：只要浏览网站，浏览器便会自动地找出index.thm或

index.thml文件，并显示 出来。

---