书名：HTML 5与CSS 3权威指南（第2版·上册）pdf/doc/txt格式电子书下载

推荐语：

作者：陆凌牛著

出版社：机械工业出版社

出版时间：2013-03-01

书籍编号：30189340

ISBN：9787111412472

正文语种：中文

字数：201835

版次：2

所属分类：计算机-程序设计

前言

为何写作本书

如果要盘点2010年IT届的十大热门技术，云计算、移动开发、物联网等无疑会在其中，HTML5肯定也是少不了的。2010年，随着HTML5的迅猛发展，各大浏览器开发公司如Google、微软、苹果、Mozilla和Opera的浏览器开发业务都变得异常繁忙。在整个2010年度，无论是Mozilla的Firefox、Google的Chrome、苹果的Safari，还是微软的Internet Explorer，以及Opera都处于不断地推陈出新的状态当中。

2010年3月，在微软的MIX2010大会上，微软的工程师在介绍Internet Explorer9浏览器的同时，从前端技术的角度把互联网的发展分为了三个阶段：

第一阶段：Web1.0的以内容为主的网络，前端主流技术是HTML和CSS；

第二阶段：Web2.0的Ajax应用，热门技术是JavaScript/DOM/异步数据请求；

第三阶段：即将迎来的HTML5时代，亮点是富图形和富媒体内容（Graphically-Rich and Media-Rich）。

前端技术将进入一个崭新的时代，至少已经开启了这扇门。

在这种局势下，学习HTML5无疑成为Web开发者的一个重要任务，谁先学会HTML5，谁就掌握了迈向未来Web平台的一把钥匙。因此，我希望能够借助此书帮助国内的Web开发者更好地学习HTML5以及与之相伴随的CSS3技术，使他们能够早日运用这些技术开发出一个具有现代水平的、在未来的Web平台上能够流畅运行的Web网站或Web应用程序。

第2版与第1版的区别

自2011年上半年本书第1版出版以来，一直受到广大读者的欢迎，笔者在这里首先感谢广大读者的支持。自2011年之后，HTML5与CSS3标准处于不断发展中，各主流浏览器也以最快的速度对HTML5中各种最新公布的API提供了支持，其中包括各种新增元素、IndexedDB API、FileSystem API、Server-Sent Events API、扩展的XMLHttpRequest API等。因此，本书第2版以第1版的内容为基础，添加2011年到2012年之间HTML5中新增的各种元素及API，同时更新各主流浏览器CSS3的最新支持情况，以使读者能够学习到截至2012年HTML5与CSS3标准中的各种知识，了解各种最新的浏览器对HTML5与CSS3标准的最新支持情况，能够早日用这些新的知识打造一个HTML5时代的功能强大的Web网站或Web应用程序。

具体来说，第2版在第1版的基础上，做出如下主要修改：

❑“第2章HTML5与HTML4的区别”中新增部分元素属性。

❑“第3章HTML5的结构”中扩充“3.3.1大纲”一节中的内容。

❑“第4章表单及其他新增和改良元素”中新增大量表单元素与页面元素，移除“4.4文件API”一节与“4.5拖放API”一节。

❑新增“第5章HTML编辑API”一章（原“第5章绘制图形”修改为第6章，原“第6章多媒体播放”修改为“第15章多媒体相关API”中“15.1多媒体播放”一节）。

❑新增“第7章HistoryAPI”一章（原“第7章本地存储”章修改为“第8章本地存储”，原“第8章离线应用程序”修改为“第9章离线应用程序”）。

❑“第8章本地存储”中新增“8.1.4利用storage事件实时监视Web Storage中的数据”小节，新增“8.3indexedDB数据库”一节。

❑新增“第10章文件API”一章。

❑原“第9章通信API”修改为“第11章通信API”，“11.1跨文档消息传输”中新增“11.1.3通道通信”小节，“11.2Web Sockets通信”中新增“11.2.5发送与接收原始二进制数据”、“11.2.6实现Web Sockets API的开发框架”、“11.2.7WebSocket协议”与“11.2.8Web Sockets API的适用场景”等小节，新增“11.3Server-Sent Events API”一节。

❑新增“第12章扩展的XMLHttpRequest API”。

❑原“第10章使用Web Workers处理线程”修改为“第13章使用Web Workers处理线程”，新增“13.5适用场合”一节和“13.6 SharedWorker”一节。

❑原“第11章获取地理位置信息”修改为“第14章获取地理位置信息”。

❑新增“第15章多媒体相关API”一章。

❑新增“第16章与页面显示相关的API”一章。

❑新增“第17章拖放API与通知API”（“17.1拖放API”一节中内容为原“第4章表单及其他新增和改良元素”一章中“4.5拖放API”一节内容）。

❑原“第12章CSS3概述”修改为“第18章CSS3概述”。

❑“第19章选择器”中“19.4UI元素状态伪类选择器”一节中新增“19.4.6E：invalid伪类选择器与E：valid伪类选择器”小节、“19.4.7E：required伪类选择器与E：optional伪类选择器”小节与“19.4.8E：in-range伪类选择器与E：out-of-range伪类选择器”小节。

❑“第22章盒相关样式”与“第23章背景与边框相关样式”的样式代码及其说明中移除部分浏览器供应商前缀。

❑重新编写“第29章综合实例”一章中两个代码示例，“29.2实例2：使用HTML5+CSS3来构建Web应用程序”中添加了使用indexedDB API将数据书写到indexedDB数据库中的代码示例部分。

本书面向的读者

本书主要适合如下人群阅读：

❑具有一定基础的Web前端开发工程师。

❑具有一定美术功底的Web前端设计师和UI设计师。

❑Web项目的项目管理人员。

❑开设了Web开发等相关专业的高等院校师生和相关培训机构的学员及教师。

如何阅读本书

相较于第1版，第2版有了很大的变化，篇幅也大量增加，于是我们将第2版分成上下两册。

上册对HTML5中新增的语法与标记方法、新增元素、新增API以及这些元素与API到目前为止受到了哪些浏览器的支持等进行了详细的介绍。在对它们进行介绍的同时将其与HTML4中的各种元素与功能进行了对比，以帮助读者更好地理解为什么需要使用HTML5、使用HTML5有什么好处、HTML5中究竟增加了哪些目前HTML4不具备而在第3代Web平台上将会起到重要作用的功能与API，以及这些功能与API的详细使用方法。

下册详细介绍了CSS3中各种新增样式与属性，其中主要包括CSS3中的各种选择器、文字与字体、背景与边框、各种盒模型、CSS3中的布局方式、CSS3中的变形与动画、CSS3中与媒体类型相关的一些样式与属性等。在介绍的同时也详细讲述了这些样式与属性目前为止受到了哪些浏览器的支持，以及针对各种浏览器应该怎样在样式代码中进行各种属性的正确书写。最后，详细讲解了两个实例，第一个实例展示了如何在一个用HTML5语言编写而成的页面中综合运用HTML5中新增的各种结构元素，如何对这些结构元素综合使用CSS3样式；第二个实例展示了如何使用HTML5中新增的表单元素，以及操作本地数据库的功能来实现一个具有现代风格的Web应用程序，如何在这个利用HTML5语言及其功能编写而成的Web应用程序中综合使用CSS3样式来完成页面的布局以及视觉效果的美化工作。

上下两册一共351个示例页面，每个页面都经过笔者上机实践，确保运行结果正确无误。每个页面的详细代码及其使用到的脚本文件、各种资源文件都可在华章公司的官方网站（www.hzbook.com）本书的相应页面上下载，因为是由HTML5编写而成的网页，所以可直接在各种浏览器中打开该文件并查看运行结果（少量页面需要首先建立网站，然后通过访问网站中该页面的方式来进行查看，少量页面使用服务器端PHP脚本语言，可在Apache服务器中运行）。同时，对于HTML5中的各种元素和各种API，以及CSS3中的各种属性和样式受到了哪些浏览器的支持在书中都进行了详细介绍，读者可以针对不同的页面选择正确的浏览器来查看其正确的运行结果。

致谢

在本书的写作过程中，策划编辑杨福川先生和姜影女士给予了很大的帮助和支持，并提出了很多中肯的建议，在此表示感谢。同时，还要感谢机械工业出版社的所有编审人员为本书的出版所付出的辛勤劳动。本书的成功出版是大家共同努力的结果，谢谢你们。

另外，在本书的写作过程当中，由于时间及水平上的原因，有可能存在一些对HTML5及CSS3上认识不全面或疏漏的地方，敬请读者批评更正，作者的联系QQ为240824399，联系邮箱为240824399@qq.com，谨以最真诚的心希望能与读者共同交流，共同成长。

陆凌牛

第1章　Web时代的变迁

1.1　迎接新的Web时代

1.2　HTML5会深受欢迎的理由

1.3　可以放心使用HTML5的三个理由

1.4　HTML5要解决的三个问题

自从2010年HTML5正式推出以来，它立刻受到了世界各大浏览器的热烈欢迎与支持。根据世界上各大IT界知名媒体评论，新的Web时代，HTML5的时代马上就要到来。本章重点介绍什么是HTML5，HTML5产生的时代背景，为什么HTML5会如此深受业界欢迎，以及HTML能够解决什么问题。

学习内容：

❑初步了解什么是HTML5，HTML5与之前版本的HTML大致上有哪些区别。

❑了解世界各大知名浏览器目前的发展策略，为什么它们都不约而同地把支持HTML5当成目前的工作重点，就连微软也把全面支持HTML5作为新版Internet Explorer9（IE9）浏览器的开发重点与主要宣传手段。

❑了解为什么说开发者今后可以放心大胆地使用HTML5进行Web网站与Web应用程序的开发，HTML5被正式推广以后之前的Web网站与Web应用程序怎么办。

❑了解使用HTML5到底可以解决哪些问题。

1.1　迎接新的Web时代

1.1.1　HTML5时代即将来临

自从2010年HTML5正式推出以来，它就以一种惊人的速度被迅速推广着，就连微软也因此为下一代IE9做了标准上的改进，使其能够支持HTML5。关于各主流浏览器对于HTML5所表现出来的热烈欢迎、积极支持的详细情况，以及为什么HTML5会如此受欢迎，我们将在后面几节中详细介绍，这里，笔者要告诉大家的是，目前业界全体都步调一致地朝着HTML5的方向迈进着，HTML5的时代马上就要到来了。

在全面介绍HTML5的相关知识之前，我们先来认识一下HTML5中的部分代码，对HTML5有个初步的了解。

首先，我们来看一段HTML4中常见的JavaScript代码，如代码清单1-1所示。

代码清单1-1　HTML4中的JavaScript代码示例

＜form＞

＜p＞＜label＞Username：＜input name=search type=\"text\"id=\"search\"＞＜/label＞＜/p＞

＜script type=\"text/javascript\"＞

document.getElementById（\'search\'）.focus（）

＜/script＞

＜/form＞

在HTML5中，这段代码将会以怎样的形式出现呢？具体如代码清单1-2所示。

代码清单1-2　用HTML5实现代码清单1-1中的JavaScript代码

＜form＞

＜p＞＜label＞Search：＜input name=search autofocus＞＜/label＞＜/p＞

＜/form＞

我们来看一下在HTML4中常见的一种页面结构，代码如代码清单1-3所示。

代码清单1-3　div标签示例（用HTML4实现）

＜div id=\"header\"＞……＜/div＞

＜div id=\"nav\"＞……＜/div＞

＜div class=\"article\"＞

＜/div＞

＜div id=\"side-bar\"＞……＜/div＞

＜div id=\"footer\"＞……＜/div＞

页面中有关该部分的结构示意图如图1-1所示。

图　1-1　HTML4中的页面结构

那么，在HTML5中，又会用怎样的页面代码来描述这种结构呢？具体如代码清单1-4所示。

代码清单1-4　HTML5中的新型结构示例

＜header＞……＜/header＞

＜na

....