HTML5与CSS3权威指南

本书共29章，分为上下两册：上册（1～17章）全面系统地讲解了HTML5相关的技术，以HTML5对现有Web应用产生的变革开篇，顺序讲解了HTML5与HTML4的区别、HTML5的结构、表单元素、HTML编辑API、图形绘制、HistoryAPI、本地存储、离线应用、文件API、通信API、扩展的XMLHttpRequestAPI、WebWorkers、地理位置信息、多媒体相关的API、页面显示相关的API、拖放API与通知API等内容；下册（19～29章）全面系统地讲解了CSS3相关的技术，以CSS3的功能和模块结构开篇，顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。

陆凌牛，资历Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年，对各种Web开发技术(包括前端和后端)都有很好深入的研究，经验极其丰富。HTML 5和CSS 3等新技术的先驱者和布道者，不仅对HTM L 5与CSS 3有很好深入的研究，而且对Sencha Touch、Node．js等开发框架也有很好深入的研究，并且付诸了大量实践。同时，他还擅长微软与Java的相关技术，在C#、VB．NET、ASRNET、SQL Server、Oracle、Java、Struts、Sptinq、Hibernate等方面也积累大量的实战经验。
此外，他还是―位颇有影响力的技术作家：
《HMTL 5与CSS 3指南》凭借优质的内容深受读者好评，同类书只能望其项背。前两版累计印刷超过1 5次，销量超过8万册，被读者誉为“系统学习HTML 5与CSS 3的很好著作”和“Web前端工程师案头推荐图书之一”，不仅是HTML 5与CSS 3领域的领头羊和标杆，而且是近年来原创计算机图书领域的一面旗帜。
《HTML 5开发精要与案例详解》、《SenchaTouch指南》、《Node．js指南》等著作同样也取得了很好好的口碑和销量。

前言
上册
第1章Web时代的变迁1
1.1迎接新的Web时代1
1.1.1HTML5时代即将来临1
1.1.2HTML5的目标3
1.2HTML5深受欢迎的理由4
1.2.1世界知名浏览器厂商对HTML5的支持4
1.2.2第一个理由：时代的要求5
1.2.3第二个理由：InternetExplorer85
1.3可以放心使用HTML5的三个理由6
1.4HTML5要解决的三个问题6
第2章HTML5与HTML4的区别8
2.1语法的改变8
2.1.1HTML5的语法变化8
2.1.2HTML5中的标记方法9
2.1.3HTML5确保的兼容性10
2.1.4标记示例11
2.2新增的元素和废除的元素12
2.2.1新增的结构元素12
2.2.2新增的其他元素14
2.2.3新增的input元素的类型18
2.2.4废除的元素19
2.3新增的属性和废除的属性20
2.3.1新增的属性20
2.3.2废除的属性22
2.4全局属性23
2.4.1contentEditable属性23
2.4.2designMode属性24
2.4.3hidden属性25
2.4.4spellcheck属性25
2.4.5tabindex属性25
2.5新增的事件26
第3章HTML5的结构28
3.1新增的主体结构元素28
3.1.1article元素29
3.1.2section元素31
3.1.3nav元素33
3.1.4aside元素34
3.1.5time元素与微格式36
3.1.6pubdate属性37
3.2新增的非主体结构元素38
3.2.1header元素38
3.2.2footer元素39
3.2.3address元素40
3.2.4main元素41
3.3HTML5中网页结构42
3.3.1HTML5中的大纲42
3.3.2大纲的编排规则48
3.3.3对新的结构元素使用样式51
第4章表单及其他新增和改良元素53
4.1新增元素与属性53
4.1.1新增属性53
4.1.2大幅度地增加与改良input元素的种类65
4.1.3对新的表单元素使用样式77
4.1.4output元素的追加77
4.2表单验证78
4.2.1自动验证78
4.2.2取消验证79
4.2.3显式验证79
4.3增强的页面元素80
4.3.1新增的figure元素与figcaption元素80
4.3.2新增的details元素与summary元素82
4.3.3新增的mark元素83
4.3.4新增的progress元素86
4.3.5新增的meter元素87
4.3.6新增的dialog元素88
4.3.7改良的a元素90
4.3.8改良的ol列表91
4.3.9改良的dl列表92
4.3.10加以严格限制的cite元素93
4.3.11重新定义的small元素94
4.3.12安全性增强的iframe元素94
4.3.13增强的script元素97
第5章绘制图形102
5.1canvas元素的基础知识102
5.1.1在页面中放置canvas元素103
5.1.2绘制矩形103
5.2使用路径105
5.2.1绘制圆形105
5.2.2不关闭路径会怎么样108
5.2.3绘制直线109
5.2.4绘制曲线114
5.2.5使用Path2D对象绘制路径116
5.3绘制渐变图形119
5.3.1绘制线性渐变119
5.3.2绘制径向渐变121
5.4绘制变形图形122
5.4.1坐标变换122
5.4.2坐标变换与路径的结合使用124
5.4.3矩阵变换125
5.5给图形绘制阴影129
5.6使用图像130
5.6.1绘制图像130
5.6.2图像平铺133
5.6.3图像裁剪135
5.6.4像素处理137
5.7图形、图像的组合与混合138
5.7.1组合图形138
5.7.2混合图像140
5.8绘制文字143
5.9补充知识145
5.9.1保存与恢复状态145
5.9.2保存文件146
5.9.3简单动画的制作147
第6章多媒体相关API150
6.1多媒体播放151
6.1.1video元素与audio元素的基础知识151
6.1.2属性153
6.1.3方法157
6.1.4事件160
6.2对音频或视频添加字幕163
6.2.1track元素的基础知识163
6.2.2track元素的各种属性164
6.2.3WebVTT文件166
第7章HistoryAPI171
7.1HistoryAPI的基本概念171
7.2HistoryAPI使用示例172
7.2.1使用HistoryAPI172
7.2.2结合使用CanvasAPI与HistoryAPI182
第8章本地存储187
8.1WebStorage188
8.1.1WebStorage是什么188
8.1.2简单Web留言本191
8.1.3作为简易数据库来利用194
8.1.4利用storage事件实时监视WebStorage中的数据196
8.2本地数据库199
8.2.1本地数据库的基本概念199
8.2.2用executeSql来执行查询199
8.2.3使用数据库实现Web留言本200
8.2.4transaction方法中的处理204
8.3indexedDB数据库206
8.3.1indexedDB数据库的基本概念206
8.3.2连接数据库206
8.3.3数据库的版本更新208
8.3.4创建对象仓库210
8.3.5创建索引213
8.3.6索引的multiEntry属性值216
8.3.7使用事务216
8.3.8保存数据218
8.3.9获取数据221
8.3.10根据主键值检索数据225
8.3.11根据索引属性值检索数据232
8.3.12复合索引237
8.3.13统计对象仓库中的数据数量242
8.3.14使用indexedDBAPI制作Web留言本243
第9章离线应用程序250
9.1离线Web应用程序详解250
9.1.1新增的本地缓存250
9.1.2本地缓存与浏览器网页缓存的区别251
9.2manifest文件251
9.3浏览器与服务器的交互过程254
9.4applicationCache对象255
9.4.1swapCache方法255
9.4.2applicationCache对象的事件258
第10章文件API261
10.1FileList对象与file对象262
10.2ArrayBuffer对象与ArrayBufferView对象263
10.2.1基本概念263
10.2.2ArrayBuffer对象263
10.2.3ArrayBufferView对象263
10.2.4DataView对象265
10.3Blob对象269
10.3.1Blob对象概述269
10.3.2创建Blob对象271
10.3.3Blob对象的slice方法274
10.3.4在IndexedDB数据库中保存Blob对象275
10.4FileReader对象277
10.4.1FileReader对象的方法277
10.4.2FileReader对象的事件278
10.4.3FileReader对象的使用示例278
10.5FileSystemAPI285
10.5.1FileSystemAPI概述285
10.5.2FileSystemAPI的适用场合286
10.5.3请求访问文件系统287
10.5.4申请磁盘配额289
10.5.5创建文件294
10.5.6写入文件297
10.5.7在文件中追加数据300
10.5.8读取文件301
10.5.9复制磁盘中的文件304
10.5.10删除文件306
10.5.11创建目录307
10.5.12读取目录中的内容312
10.5.13删除目录314
10.5.14复制文件或目录316
10.5.15移动文件或目录与重命名文件或目录319
10.5.16filesystem:URL前缀321
10.5.17综合案例325
10.6Base64编码支持333
10.6.1Base64编码概述333
10.6.2在HTML5中支持Base64编码335
第11章通信API340
11.1跨文档消息传输341
11.1.1跨文档消息传输的基本知识341
11.1.2跨文档消息传输示例341
11.1.3通道通信343
11.2WebSockets通信348
11.2.1WebSockets通信的基本知识348
11.2.2使用WebSocketsAPI348
11.2.3WebSocketsAPI使用示例349
11.2.4发送对象351
11.2.5发送与接收原始二进制数据352
11.2.6实现WebSocketsAPI的开发框架353
11.2.7WebSocket协议354
11.2.8WebSocketsAPI的适用场景354
11.3Server-SentEventsAPI354
11.3.1Server-SentEventsAPI的基本概念354
11.3.2Server-SentEventsAPI的实现方法355
11.3.3事件ID的使用示例362
第12章WebRTC通信366
12.1WebRTC的基本概念366
12.2使用getUserMedia方法访问本地设备367
12.2.1浏览器检测367
12.2.2获取对视频输入设备或音频输入设备的访问权限368
12.2.3实现拍照功能370
12.2.4与CSS3结合使用372
12.3手工建立WebRTC通信372
12.3.1WebRTC通信的基本概念372
12.3.2建立P2P通信372
12.3.3手工实现信令373
12.3.4剖析SDP交换过程382
12.3.5剖析ICE交换过程388
12.4穿越NAT/防火墙进行通信390
12.4.1穿越NAT391
12.4.2穿越防火墙392
12.5使用Node.js进行信令395
12.5.1建立信令服务器395
12.5.2修改信令处理396
12.6使用WebRTC进行多人通信404
12.7使用RTCDataChannel进行通信425
12.7.1RTCDataChannel的基本概念425
12.7.2实现RTCDataChannel通信426
12.7.3实现浏览器与浏览器之间的文件发送功能438
第13章扩展的XMLHttpRequestAPI449
13.1从服务器端获取二进制数据449
13.1.1ArrayBuffer响应450
13.1.2Blob响应455
13.2发送数据456
13.2.1发送字符串457
13.2.2发送表单数据458
13.2.3上传文件461
13.2.4发送Blob对象462
13.2.5发送ArrayBuffer对象465
13.3跨域数据请求469
第14章使用WebWorkers处理线程471
14.1基础知识472
14.2与线程进行数据的交互475
14.3线程嵌套477
14.3.1单层嵌套477
14.3.2在多个子线程中进行数据的交互480
14.4线程中可用的变量、函数与类481
14.5适用场合482
14.6SharedWorker482
14.6.1基础知识482
14.6.2实现前台页面与后台线程之间的通信483
14.6.3定义页面与共享的后台线程开始通信时的处理483
14.6.4SharedWorker的使用示例484
第15章获取地理位置信息490
15.1GeolocationAPI的基本知识490
15.1.1取得当前地理位置490
15.1.2持续监视当前地理位置的信息493
15.1.3停止获取当前用户的地理位置信息493
15.2position对象493
15.3在页面上使用google地图495
第16章拖放API与通知API498
16.1拖放API498
16.1.1实现拖放的步骤498
16.1.2DataTransfer对象的属性与方法501
16.1.3设定拖放时的视觉效果502
16.1.4自定义拖放图标503
16.2通知API503
16.2.1通知API的基础知识503
16.2.2通知API的代码使用示例506
第17章其他API510
17.1PageVisibilityAPI511
17.1.1PageVisibilityAPI概述511
17.1.2PageVisibilityAPI的使用场合511
17.1.3实现PageVisibilityAPI511
17.2FullscreenAPI514
17.2.1FullscreenAPI概述514
17.2.2实现FullscreenAPI514
17.2.3FullscreenAPI代码使用示例517
17.3鼠标指针锁定API519
17.3.1鼠标指针锁定API概述519
17.3.2鼠标指针锁定API代码使用示例520
17.4requestAnimationFrame524
17.4.1requestAnimationFrame概述524
17.4.2requestAnimFrame代码使用示例524
17.5MutationObserver526
17.6JavaScriptPromise531
17.6.1Promise对象的基本概念531
17.6.2创建Promise对象537
17.6.3链式调用Promise对象的then方法540
17.6.4将异步操作队列化542
17.6.5异常处理543
17.6.6创建序列544
17.6.7执行并行处理549
17.7BeaconAPI550
17.7.1BeaconAPI概述550
17.7.2BeaconAPI的使用方法551
下册
第18章CSS3概述553
18.1概要介绍553
18.1.1CSS3是什么553
18.1.2CSS3的历史554
18.2使用CSS3能做什么554
18.2.1模块与模块化结构554
18.2.2一个简单的CSS3示例556
第19章选择器559
19.1选择器概述560
19.2属性选择器561
19.2.1属性选择器概述561
19.2.2CSS3中的属性选择器563
19.2.3灵活运用属性选择器564
19.3结构性伪类选择器565
19.3.1CSS中的伪类选择器及伪元素565
19.3.2选择器root、not、empty和target570
19.3.3选择器first-child、last-child、nth-child和nth-last-child574
19.3.4选择器nth-of-type和nth-last-of-type579
19.3.5循环使用样式582
19.3.6only-child选择器584
19.4UI元素状态伪类选择器585
19.4.1伪类选择器E:hover、E:active和E:focus586
19.4.2伪类选择器E:enabled与E:disabled588
19.4.3伪类选择器E:read-only与E:read-write589
19.4.4伪类选择器E:checked、E:default和E:indeterminate590
19.4.5伪类选择器E::selection593
19.4.6伪类选择器E:invalid与E:valid595
19.4.7伪类选择器E:required与E:optional596
19.4.8伪类选择器E:in-range与E:out-of-range596
19.5通用兄弟元素选择器597
第20章使用选择器在页面中插入内容599
20.1使用选择器来插入文字599
20.1.1使用选择器来插入内容599
20.1.2指定个别元素不进行插入601
20.2插入图像文件602
20.2.1在标题前插入图像文件602
20.2.2插入图像文件的好处603
20.2.3将alt属性的值作为图像的标题来显示605
20.3使用content属性来插入项目编号605
20.3.1在多个标题前加上连续编号606
20.3.2在项目编号中追加文字607
20.3.3指定编号的样式607
20.3.4指定编号的种类608
20.3.5编号嵌套608
20.3.6中编号中嵌入大编号610
20.3.7在字符串两边添加嵌套文字符号611
第21章文字与字体相关样式614
21.1给文字添加阴影——text-shadow属性614
21.1.1text-shadow属性的使用方法614
21.1.2位移距离616
21.1.3阴影的模糊半径617
21.1.4阴影的颜色617
21.1.5指定多个阴影618
21.2让文本自动换行——word-break属性618
21.2.1依靠浏览器让文本自动换行619
21.2.2指定自动换行的处理方法619
21.3让长单词与URL地址自动换行——word-wrap属性621
21.4使用服务器端字体——WebFont与@font-face属性621
21.4.1在网页上显示服务器端字体621
21.4.2定义斜体或粗体字体623
21.4.3显示客户端本地的字体625
21.4.4属性值的指定627
21.5修改字体种类而保持字体尺寸不变——font-size-adjust属性628
21.5.1字体不同导致文字大小的不同628
21.5.2font-size-adjust属性的使用方法629
21.5.3浏览器对于aspect值的计算方法629
21.5.4font-size-adjust属性的使用示例630
21.6使用rem单位定义字体大小631
第22章盒相关样式633
22.1盒的类型633
22.1.1盒的基本类型633
22.1.2inline-block类型635
22.1.3inline-table类型642
22.1.4list-item类型644
22.1.5run-in类型与compact类型645
22.1.6表格相关类型646
22.1.7none类型648
22.1.8各种浏览器对于各种盒类型的支持情况649
22.2对于盒中容纳不下的内容的显示650
22.2.1overflow属性650
22.2.2overflow-x属性与overflow-y属性653
22.2.3text-overflow属性654
22.3对盒使用阴影656
22.3.1box-shadow属性的使用方法656
22.3.2将参数设定为0656
22.3.3创建盒内阴影658
22.3.4对盒内子元素使用阴影658
22.3.5对第一个文字或第一行使用阴影659
22.3.6对表格及单元格使用阴影660
22.4指定针对元素的宽度与高度的计算方法661
22.4.1box-sizing属性661
22.4.2为什么要使用box-sizing属性664
第23章背景与边框相关样式666
23.1与背景相关的新增属性666
23.1.1指定背景的显示范围——background-clip属性667
23.1.2指定背景图像的绘制起点——background-origin属性669
23.1.3指定背景图像的尺寸——background-size属性672
23.1.4新增的用于平铺背景图像的选项——space与round676
23.2在一个元素中显示多个背景图像678
23.3使用渐变色背景679
23.3.1绘制线性渐变679
23.3.2绘制放射性渐变682
23.4圆角边框的绘制685
23.4.1border-radius属性686
23.4.2在border-radius属性中指定两个半径686
23.4.3不显示边框的时候687
23.4.4修改边框种类的时候688
23.4.5绘制四个角不同半径的圆角边框688
23.5使用图像边框688
23.5.1border-image属性688
23.5.2border-image属性的最简单的使用方法690
23.5.3使用border-image属性来指定边框宽度692
23.5.4指定4条边中图像的显示方法693
23.5.5使用背景图像696
第24章CSS3中的变形处理698
24.1transform功能的基础知识698
24.1.1如何使用transform功能698
24.1.2transform功能的分类699
24.2对一个元素使用多种变形704
24.2.1对一个元素使用多种变形的方法704
24.2.2指定变形的基准点707
24.3使用3D变形功能709
24.3.13D变形功能概述709
24.3.2实现3D变形功能710
24.4变形矩阵718
24.4.1矩阵概述718
24.4.2变形与坐标系统719
24.4.3计算2D变形719
24.4.4计算3D变形721
24.4.5通过矩阵执行多重变形处理722
第25章CSS3中的动画功能725
25.1Transitions功能725
25.1.1Transitions功能的使用方法726
25.1.2使用Transitions功能同时平滑过渡多个属性值727
25.2Animations功能730
25.2.1Animations功能的使用方法730
25.2.2实现多个属性值同时改变的动画733
25.2.3实现动画的方法736
25.2.4实现网页的淡入效果737
第26章布局相关样式739
26.1多栏布局740
26.1.1使用float属性或position属性的缺点740
26.1.2使用多栏布局方式741
26.2盒布局747
26.2.1使用float属性或position属性时的缺点747
26.2.2使用盒布局749
26.2.3盒布局与多栏布局的区别750
26.3弹性盒布局751
26.3.1对多个元素使用flex属性751
26.3.2改变元素的显示顺序753
26.3.3改变元素的排列方向754
26.3.4元素宽度与高度的自适应755
26.3.5使用弹性盒布局来消除空白758
26.3.6对多个元素使用flex属性759
26.3.7控制换行方式766
26.3.8指定水平方向与垂直方向的对齐方式769
26.4calc方法781
26.4.1calc方法概述781
26.4.2calc方法使用示例781
第27章MediaQueries相关样式783
27.1根据浏览器的窗口大小来选择使用不同的样式783
27.2在iPhone中的显示788
27.3MediaQueries的使用方法789
第28章CSS3的其他重要样式和属性792
28.1颜色相关样式792
28.1.1利用alpha通道来设定颜色793
28.1.2alpha通道与opacity属性的区别795
28.1.3指定颜色值为transparent797
28.2用户界面相关样式798
28.2.1轮廓相关样式799
28.2.2resize属性801
28.3使用initial属性值取消对元素的样式指定802
28.3.1取消对元素的样式指定802
28.3.2使用initial属性值并不等于取消样式设定的特例804
28.4实现CSS3中的滤镜特效805
28.4.1滤镜特效概述805
28.4.2实现滤镜特效806
第29章综合实例815
29.1实例1：使用HTML5中新增结构元素来构建网页815
29.1.1组织网页结构815
29.1.2构建网页标题818
29.1.3构建侧边栏820
29.1.4构建主体内容823
29.1.5构建版权信息829
29.2实例2：使用HTML5+CSS3来构建Web应用程序829
29.2.1HTML5页面代码分析830
29.2.2CSS3样式代码分析833
29.2.3JavaScript脚本代码分析836
附录A截至2015年5月五大浏览器最新版对HTML5的支持情况844

Preface?前    言为何写作本书2014年10月28日，W3C的HTML工作组正式发布了HTML 5的正式推荐标准（W3C Recommendation），这一消息是W3C在美国圣克拉拉举行的W3C技术大会及顾问委员会会议（TPAC 2014）上宣布的。HTML 5在这一版本中增加了支持Web应用开发者的许多新特性，以及更符合开发者使用习惯的新元素，并重点关注定义清晰的、一致的准则，以确保Web应用和内容在不同用户代理（浏览器）中的互操作性。HTML 5是构建开放Web平台的核心。
    2015年4月9日，W3C的CSS工作组发布CSS基本用户接口模块（CSS Basic User Interface Module Level 3，CSS3 UI）的标准工作草案。该文档描述了CSS 3中对HTML、XML（包括XHTML）进行样式处理所需的与用户界面相关的CSS选择器（selectors）、属性及属性值。它包含并扩展了在CSS Level 2及Selector规范中定义的与用户接口有关的特性。
    HTML 5带来了一组新的用户体验，如Web的音频和视频不再需要插件，通过Canvas更灵活地完成图像绘制，而不必考虑屏幕的分辨率，浏览器对可扩展矢量图（SVG）和数学标记语言（MathML）的本地支持，通过引入新的注释信息以增强对东亚文字呈现（Ruby）的支持，对富Web应用信息无障碍新特性的支持，等等。
    前端技术将进入一个崭新的时代，至少已经开启了这扇门。
    在这种局势下，学习HTML 5无疑成为Web开发者的一大重要任务，谁先学会HTML 5，谁就掌握了开启未来Web平台的一把钥匙。因此，笔者希望借助此书帮助国内的Web开发者更好地学习HTML 5以及与之相伴的CSS 3技术，早日运用这些技术开发出一个具有现代水平的、在未来的Web平台上正常运行的Web网站或Web应用程序。
    第3版与第2版的区别自2013年上半年本书第2版出版以来，一直受到广大读者的欢迎，笔者在这里首先感谢广大读者的支持。自本书第2版出版之后，HTML 5与CSS 3标准处于不断发展中，各主流浏览器也以最快的速度对HTML 5中各种最新公布的API提供了支持，其中包括各种新增元素、WebRTC通信API、鼠标指针锁定API、JavaScript Promise等。因此，本书以第2版的内容为基础，添加对2013上半年到2015年5月之间HTML 5中新增的各种元素及API的介绍，同时更新各主流浏览器对CSS 3的最新支持情况，以使读者能够学到2015年5月为止关于HTML 5与CSS 3标准的各种知识，了解各种最新浏览器对HTML 5与CSS 3标准的支持情况，能够早日通过这些新知识打造一个HTML 5时代功能强大的Web网站或Web应用程序。
    具体来说，本书在第2版的基础上做出了如下主要修改：
    第2章中新增部分HTML 5属性。
    第3章中新增对main元素的介绍，移除第2版中对hgroup元素（HTML 5标准中已废除该元素）的介绍。
    第4章中新增对dialog元素的介绍。
    第5章（第2版中第6章）中新增“使用Path2D对象绘制路径”和“图形、图像的组合与混合”的内容。
    第6章（第2版中的第15章）中新增“对音频或视频添加字幕”内容。
    第10章中新增“在IndexedDB数据库中保存Blob对象”内容。
    新增第12章对WebRTC通信的介绍。
    第17章（第2版中的第16章）中新增“鼠标指针锁定API”、“requestAnimationFrame”、“Mutation Observer”、“JavaScript Promise”、“Beacon API”内容。
    第21章中新增“使用rem单位定义字体大小”内容。
    第22章中新增“创建盒内阴影”内容。
    第23章中新增“新增的用于平铺背景图像的选项—space与round”和“使用渐变色背景”内容。
    第24章中新增“使用3D变形功能”及“变形矩阵”内容。
    第26章中根据CSS 3最新标准的内容重新编写“弹性盒布局”并新增“calc方法”内容。
    第28章中新增“实现CSS 3中的滤镜特效”内容。
    本书面向的读者本书主要适合如下人群阅读：
    具有一定基础的Web前端开发工程师。
    具有一定美术功底的Web前端设计师和UI设计师。
    Web项目的项目管理人员。
    开设Web开发等相关专业的高等院校的师生和相关培训机构的学员及教师。
    如何阅读本书本书共分为上下两册。
    上册对HTML 5中新增的语法、标记方法、元素、API，以及这些元素与API到目前为止受到了哪些浏览器支持等进行详细介绍。在对它们进行介绍的同时将其与HTML 4中的各种元素与功能进行对比，以帮助读者更好地理解为什么需要使用HTML 5、使用HTML 5有什么好处、HTML 5中究竟增加了哪些目前HTML 4不具备而在第三代Web平台上将会起到重要作用的功能与API，以及这些功能与API的详细使用方法。
    下册详细介绍了CSS 3中各种新增样式与属性，其中主要包括CSS 3中的各种选择器、文字与字体、背景与边框、各种盒模型、CSS 3中的布局方式、CSS 3中的变形与动画、CSS 3中与媒体类型相关的一些样式与属性等。同时详细讲述了这些样式与属性到目前为止受到了哪些浏览器支持，以及针对不同浏览器应该怎样在样式代码中正确使用各种属性。最后详细讲解了两个实例，第一个实例展示了如何在一个用HTML 5语言编写而成的页面中综合运用HTML 5中新增的各种结构元素，如何对这些结构元素综合使用CSS 3样式；第二个实例展示了如何使用HTML 5中新增的表单元素以及操作本地数据库的功能来实现一个具有现代风格的Web应用程序，如何在这个由HTML 5语言编写而成的Web应用程序中综合使用CSS 3样式来完成页面的布局以及视觉效果的美化工作。
    全书一共包含389个代码示例，每个代码示例都经过笔者上机实践，确保运行结果正确无误。每个代码示例的详细代码及其用到的脚本文件、各种资源文件都可在华章公司的官方网站（www.hzbook.com）的本书页面上下载，因为是用HTML 5编写而成的网页，所以可直接在各种浏览器中打开并查看运行结果（少量页面需要先建立网站，然后通过访问网站中该页面的方式进行查看；少量页面使用服务器端PHP脚本语言，可在Apache服务器中运行；少量页面使用服务器端Node.js脚本语言，可以通过安装运行Node.js来运行服务器并查看示例页面）。同时，对于HTML 5中的各种元素和各种API，以及CSS 3中的各种属性与样式受到了哪些浏览器的支持在书中都进行了详细介绍，读者可以针对不同的页面选择正确的浏览器来查看其正确的运行结果。
    致谢在本书的写作过程中，机械工业出版社华章公司的编辑杨福川先生和姜影女士给予了很大的帮助和支持，并提出了很多中肯的建议，在此表示感谢。同时，还要感谢机械工业出版社的所有编审人员为本书的出版所付出的辛勤劳动。本书的成功出版是大家共同努力的结果，谢谢他们。
    另外，在本书的写作过程当中，由于时间及个人水平上的原因，有可能存在一些对HTML 5及CSS 3认识不全面或疏漏的地方，敬请读者批评指正，作者的联系QQ为240824399，联系邮箱为240824399@qq.com，谨以最真诚的心希望能与读者共同交流、共同成长。