HTML5Web开发最佳实践使用CSSJavaScript和多媒体

　　《HTML5 Web开发*佳实践　使用CSS JavaScript和多媒体》图文并茂，技术新，实用性强，以大量的实例对HTML5 做了详细的解释，是学习HTML5 的用户不可缺少的实用参考书籍。本书可作为HTML5 编程人员的参考手册，适合于计算机技术人员使用。此外，该书附录中提供了相关的参考资料，如果在阅读过程中遇到不懂的方法或属性，可以参阅相关内容。

　　《HTML5Web开发*佳实践使用CSSJavaScript和多媒体》通过大量的实例以及*佳实践

　　的见解深入介绍了HTML5，包括标记、样式设计和脚本。你将快速地理解标记元素，并学会在使用这些元素时如何应用*新的CSS3功能创建赏心悦目的Web页面。

　　《HTML5Web开发*佳实践使用CSSJavaScript和多媒体》首先介绍了客户端脚本的基础知识以及HTML5所提供的强大功能。然后学习如何使用JavaScript创建具有动态性和交互性的Web应用，以及如何添加高级功能，包括音频、视频、SVG和拖放功能。通过书中的实际动手演示，你将学到更多的技术，从而创建更多样化和功能强大的网站和应用。

　　主要内容

　　●各种HTML5标记的使用方式及使用时机

　　●使用新的CSS3功能简化网站设计

　　●掌握JavaScript的基础知识以及高级功能

　　●使用SVG和canvas标记来合并图形

　　●使用对地理定位、IndexDB以及拖放功能的本地浏览器支持

　　Mark J.Collins从事软件开发35年。他所涉足的一些关键技术领域包括COM、.NET、SQL Server以及SharePoint。他在许多行业创建过大量的企业级应用程序。目前，他是多家企业的应用程序和数据架构师。可以通过他的网站了解更多信息(www.TheCreativePeople.com)。如果有任何问题和评论，可以通过markc@thecreativepeople.com与Mark联系。

目录

第Ⅰ部分HTML5技术

第1章超文本标记语言3

1.1HTML文档3

1.1.1元素4

1.1.2DOCTYPE4

1.1.3特性5

1.1.4各种各样的结构规则5

1.1.5html元素6

1.2head元素6

1.2.1title元素6

1.2.2meta元素7

1.2.3script元素8

1.2.4link元素8

1.2.5style元素11

1.2.6base元素12

1.3小结12

第2章级联样式表15

2.1样式设计指导15

2.1.1组织内容15

2.1.2应用样式16

2.1.3CSS3规范17

2.2CSS概念17

2.2.1选择器17

2.2.2声明18

2.2.3单位18

2.3优先级21

2.3.1样式表来源21

2.3.2特殊性规则22

2.3.3关键字!important23

2.4盒子模型23

2.5厂商前缀24

2.6style特性25

2.7小结25

第3章JavaScript要素29

3.1JavaScript介绍29

3.1.1对象29

3.1.2构造函数30

3.1.3原型32

3.2继承32

3.2.1使用原型33

3.2.2使用Create34

3.2.3使用类关键字35

3.2.4重写成员36

3.3属性37

3.3.1数组37

3.3.2特性38

3.3.3特殊类型39

3.4其他主题39

3.4.1比较运算符39

3.4.2变量作用域40

3.4.3严格模式41

3.4.4函数42

3.4.5上下文43

3.4.6立即调用的函数45

3.4.7命名空间45

3.4.8异常47

3.4.9承诺47

3.5数组方法49

3.5.1访问元素49

3.5.2输出数组50

3.5.3操作元素50

3.5.4搜索52

3.5.5创建子集53

3.5.6处理54

3.6小结55

第Ⅱ部分HTML

第4章结构化HTML元素59

4.1内容类别59

4.2节内容60

4.2.1section60

4.2.2article60

4.2.3aside61

4.2.4nav61

4.2.5address61

4.3大纲62

4.3.1显性节62

4.3.2文档标题64

4.3.3header和footer65

4.3.4规划页面布局65

4.4节根66

4.4.1blockquote66

4.4.2details66

4.4.3figure67

4.5分组元素68

4.5.1段落68

4.5.2水平规则68

4.5.3预格式化(pre)68

4.5.4main69

4.5.5div69

4.6列表元素70

4.6.1列表70

4.6.2描述列表72

4.7内联框架74

4.8已弃用的元素75

4.8.1hgroup75

4.8.2dir75

4.8.3frame和frameset75

4.9小结76

第5章短语HTML元素81

5.1突出显示文本81

5.1.1重要性(strong)82

5.1.2强调(em)82

5.1.3关联(mark)82

5.1.4交替声音(i)83

5.1.5细则(small)84

5.1.6删除线(s)84

5.1.7文体突出(b)85

5.1.8无法明确表达(u)86

5.1.9元素复习86

5.2其他语义短语87

5.2.1代码、样本、键盘和变量87

5.2.2缩写和定义88

5.2.3下标和上标89

5.2.4time90

5.3编辑90

5.4引用91

5.5span93

5.6添加回车93

5.6.1换行93

5.6.2单词换行时机94

5.6.3连字符95

5.7双向文本96

5.7.1文本方向96

5.7.2流动方向96

5.7.3紧紧包裹98

5.7.4使用隔离98

5.7.5覆盖方向99

5.8ruby99

5.9小结100

第6章表格HTML元素101

6.1简单表格101

6.2列和行标题102

6.3列组103

6.4表标题和页脚105

6.5跨越单元格106

6.6小结110

第7章嵌入式HTML元素111

7.1锚111

7.2图像112

7.2.1多个来源113

7.2.2图像映射116

7.3音频117

7.3.1使用本机控件118

7.3.2文件格式119

7.4视频120

7.5轨道122

7.6HTML5插件124

7.7小结125

　　前言

　　本书旨在帮助读者学习相关的知识，从而创建使用了HTML5众多优秀功能的Web应用程序。不管是对于新手还是经验丰富的专业人员来说，本书都是大有裨益的。但最终还是由读者来判断我的这些目的是否达到。

　　本书包含了大量信息，所以如何有效地组织这些信息是需要优先考虑的问题。总的来说，HTML5包括HTML、CSS以及JavaScript；可以将它们视为Web应用程序所依赖的三脚架的三条腿。本书的第Ⅰ部分为每一种技术提供了一个导言章节。我建议从这些章节开始阅读，尤其是那些初次接触Web开发的读者。第Ⅱ部分、第Ⅲ部分和第Ⅳ部分分别详细地介绍这三种技术。最后一部分提供了一些高级主题的演示程序，比如画布、SVG、拖放以及索引数据库。

　　此外，还要感谢Mozilla、W3Schools以及许多其他组织和个人所提供的一些真正有用的网站，从中可以随时获取大量有用的材料。本书旨在通过重点关注概念来扩充这些资源。只有掌握了基本原理，才可以更有效地应用特定功能的细节信息。同时，为了达到撰写本书的目的，书中也会提供许多详细信息。为了便于读者读懂书中的相关概念，附录部分包含了参考资料。

　　书中还会介绍一些非常优秀的框架，例如jQuery、Angular、Bootstrap以及Knockout。如果想要完成一些重大的Web开发工作，就需要使用一种或者多种框架。虽然你无法通过本书所介绍的技术亲自创建这些框架，但选择使用这些框架可以让开发工作更加轻松。但本书的重点是介绍Web技术的自身功能，而不是如何使用这些框架。

　　可从www.apress.com下载每章的源代码。除了最后一部分之外，书中其他部分的代码都相对比较简短，以便读者在学习的过程中可以亲自输入代码。但为了便于使用，所下载的源代码提供了每章的完整代码。在某些情况下，我还会使用两种或者三种方法来完成相同的事情。而下载的代码可能会注释掉部分代码。也可在本书封底扫描二维码下载本书源代码。

　　本书所要介绍的技术不是针对某一平台或者供应商的。书中所演示的示例Web页面可以在大多数主流的浏览器上运行。而读者所编辑的文件(HTML、CSS以及JavaScript)是可以使用任何文本编辑器编写的简单文本文件。然而，许多针对Web开发所设计的工具提供了IntelliSense和上下文敏感格式，从而让开发工作变得更加容易。在本书中，我使用Microsoft的WebMatrix创建示例。WebMatrix是一款免费软件并且易于安装和使用。然而，2017年11月以后Microsoft放弃对WebMatrix的支持，转而提供一款免费、开源的VisualStudio版本。除非你已经是Microsoft阵营中的一员，否则会有一段艰苦的适应过程。当然，也可以使用其他替代工具。你所喜欢的浏览器可能就已经提供了基本的编辑功能。

　　最后需要说明的是，与大多数技术一样，应用背景是在不断变化的。为此，本书选择介绍那些大多数平台所支持的功能，而避免介绍那些受限制的功能。在你阅读的过程中，技术也在不断地发展，所以你可能会发现某些内容过时了。此时，就需要你针对特定的功能进行研究。然而，我相信，不管HTML5技术如何发展，只要掌握本书所介绍的基础知识，你就可以自如地应用这些技术。

　　祝各位读者顺利掌握开发Web应用程序的各方面知识。此外，不要停止学习！