内容简介
如果你是一位有前瞻性的Web前端工作者,那么你一定会从本书中受益,因为它就是专门为你打造的。
《HTML5与CSS3权威指南》内容系统而全面,详尽地讲解了HTML5和CSS3的所有新功能和新特性;技术新颖,所有知识点都紧跟HTML5与CSS3的*发展动态(HTML5和CSS3仍在不断完善之中);实战性强(包含246个示例页面),不仅每个知识点都配有精心设计的小案例(便于动手实践),而且还有两个综合性的案例(体现用HTML5与CSS3开发Web应用的思维和方法)。本书不仅能满足你全面而系统地学习理论知识的需求,还能满足你需要充分实践的需求。
《HTML5与CSS3权威指南》共分为三大部分,第一部分详尽地讲解了HTML5的相关知识,包括各主流浏览器对HTML5的支持情况、HTML5与HTML4在语法上的区别、HTML5的结构元素、表单与文件、图形绘制、多媒体播放、本地存储、离线应用、通信API、WebWorkers、地理位置信息获取等内容;第二部分详细地阐述了CSS3的相关知识,涵盖选择器、文字与字体的相关样式、颜色的相关样式、盒的相关样式、背景与边框的相关样式、布局的相关样式、UI的相关样式、MediaQueries的相关样式、变形处理、多媒体和动画等内容。第三部分以迭代的方式逐步展现了两个完整的案例,旨在帮助读者将理论知识贯穿于实践中,迅速成为新一代Web开发技术中的弄潮儿。
无论你是未入门或刚入门的前端新人,还是有多年工作经验的资深前端工程师,这本书都会很适合你。
目录
- 《HTML5与CSS3权威指南》
- 前言
- 第1章Web时代的变迁/1
- 1.1迎接新的Web时代/2
- 1.1.1HTML5时代即将来临/2
- 1.1.2HTML5的目标/4
- 1.2HTML5会深受欢迎的理由/4
- 1.2.1世界知名浏览器厂商对HTML5的支持/4
- 1.2.2第一个理由:时代的要求/5
- 1.2.3第二个理由:InternetExplorer8/6
- 1.3可以放心使用HTML5的三个理由/6
- 1.4HTML5要解决的三个问题/7
- 第2章HTML5与HTML4的区别/9
- 2.1语法的改变/10
- 2.1.1HTML5的语法变化/10
- 2.1.2HTML5中的标记方法/11
- 2.1.3HTML5确保了与之前HTML版本的兼容性/11
- 2.1.4标记示例/13
- 2.2新增的元素和废除的元素/13
- 2.2.1新增的结构元素/13
- 2.2.2新增的其他元素/15
- 2.2.3新增的input元素的类型/19
- 2.2.4废除的元素/19
- 2.3新增的属性和废除的属性/20
- 2.3.1新增的属性/20
- 2.3.2废除的属性/21
- 2.4全局属性/23
- 2.4.1contentEditable属性/23
- 2.4.2designMode属性/24
- 2.4.3hidden属性/25
- 2.4.4spellcheck属性/25
- 2.4.5tabindex属性/25
- 第3章HTML5的结构/27
- 3.1新增的主体结构元素/28
- 3.1.1article元素/28
- 3.1.2section元素/30
- 3.1.3nav元素/32
- 3.1.4aside元素/33
- 3.1.5time元素与微格式/35
- 3.1.6pubdate属性/36
- 3.2新增的非主体结构元素/36
- 3.2.1header元素/37
- 3.2.2hgroup元素/38
- 3.2.3footer元素/38
- 3.2.4address元素/39
- 3.3HTML5结构/40
- 3.3.1大纲/40
- 3.3.2对新的结构元素使用样式/43
- 3.3.3article元素的样式/44
- 第4章表单与文件/45
- 4.1新增元素与属性/46
- 4.1.1新增属性/46
- 4.1.2大幅度地增加与改良了input元素的种类/49
- 4.1.3对新的表单元素使用样式/54
- 4.1.4output元素的追加/55
- 4.2表单验证/55
- 4.2.1自动验证/55
- 4.2.2显式验证/57
- 4.2.3取消验证/58
- 4.2.4自定义错误信息/58
- 4.3增强的页面元素/59
- 4.3.1新增的figure元素与figcaption元素/60
- 4.3.2新增的details元素/61
- 4.3.3新增的mark元素/62
- 4.3.4新增的progress元素/64
- 4.3.5新增的meter元素/65
- 4.3.6新增的menu元素与command元素/66
- 4.3.7改良的ol列表/66
- 4.3.8改良的dl列表/67
- 4.3.9加以严格限制的cite元素/68
- 4.3.10重新定义的small元素/69
- 4.4文件API/69
- 4.4.1FileList对象与file对象/69
- 4.4.2Blob对象/70
- 4.4.3FileReader接口/72
- 4.5拖放API/77
- 4.5.1实现拖放的步骤/77
- 4.5.2DataTransfer对象的属性与方法/80
- 4.5.3设定拖放时的视觉效果/80
- 4.5.4自定义拖放图标/81
- 第5章绘制图形/82
- 5.1canvas元素的基础知识/83
- 5.1.1在页面中放置canvas元素/83
- 5.1.2绘制矩形/84
- 5.2使用路径/86
- 5.2.1绘制圆形/86
- 5.2.2如果没有关闭路径会怎么样/88
- 5.2.3moveTo与lineTo/90
- 5.2.4使用bezierCurveTo绘制贝济埃曲线/91
- 5.3绘制渐变图形/93
- 5.3.1绘制线性渐变/93
- 5.3.2绘制径向渐变/95
- 5.4绘制变形图形/96
- 5.4.1坐标变换/96
- 5.4.2坐标变换与路径的结合使用/98
- 5.4.3矩阵变换/99
- 5.5图形组合/103
- 5.6给图形绘制阴影/105
- 5.7使用图像/107
- 5.7.1绘制图像/107
- 5.7.2图像平铺/109
- 5.7.3图像裁剪/111
- 5.7.4像素处理/113
- 5.8绘制文字/115
- 5.9补充知识/117
- 5.9.1保存与恢复状态/117
- 5.9.2保存文件/118
- 5.9.3简单动画的制作/119
- 第6章多媒体播放/122
- 6.1video元素与audio元素的基础知识/123
- 6.1.1HTML4页面中播放视频或音频的方法/123
- 6.1.2HTML5页面中播放视频或音频的方法/124
- 6.2属性/125
- 6.3方法/129
- 6.4事件/132
- 6.4.1事件处理方式/132
- 6.4.2事件介绍/132
- 6.4.3事件捕捉示例/133
- 第7章本地存储/135
- 7.1WebStorage/136
- 7.1.1WebStorage是什么/136
- 7.1.2简单Web留言本/139
- 7.1.3作为简易数据库来利用/141
- 7.2本地数据库/144
- 7.2.1本地数据库的基本概念/144
- 7.2.2用executeSql来执行查询/145
- 7.2.3使用数据库实现Web留言本/146
- 7.2.4transaction方法中的处理/149
- 第8章离线应用程序/151
- 8.1离线Web应用程序详解/152
- 8.1.1新增的本地缓存/152
- 8.1.2本地缓存与浏览器网页缓存的区别/152
- 8.2manifest文件/153
- 8.3浏览器与服务器的交互过程/155
- 8.4applicationCache对象/156
- 8.4.1swapCache方法/157
- 8.4.2applicationCache对象的事件/158
- 第9章通信API/162
- 9.1跨文档消息传输/163
- 9.1.1跨文档消息传输的基本知识/163
- 9.1.2跨文档消息传输示例/163
- 9.2WebSockets通信/166
- 9.2.1WebSockets通信的基本知识/166
- 9.2.2使用WebSocketsAPI/166
- 9.2.3WebSocketsAPI使用示例/167
- 9.2.4发送对象/168
- 第10章使用WebWorkers处理线程/170
- 10.1基础知识/171
- 10.2与线程进行数据的交互/174
- 10.3线程嵌套/176
- 10.3.1单层嵌套/176
- 10.3.2在多个子线程中进行数据的交互/178
- 10.4线程中可用的变量、函数与类/180
- 第11章获取地理位置信息/181
- 11.1GeolocationAPI的基本知识/182
- 11.1.1取得当前地理位置/182
- 11.1.2持续监视当前地理位置的信息/184
- 11.1.3停止获取当前用户的地理位置信息/184
- 11.2position对象/184
- 11.3在页面上使用google地图/186
- 第12章CSS3概述/189
- 12.1概要介绍/190
- 12.1.1CSS3是什么/190
- 12.1.2CSS3的历史/190
- 12.2使用CSS3能做什么/191
- 12.2.1模块与模块化结构/191
- 12.2.2一个简单的CSS3示例/192
- 第13章选择器/195
- 13.1选择器概述/197
- 13.2属性选择器/197
- 13.2.1属性选择器是什么/197
- 13.2.2CSS3中的属性选择器/199
- 13.2.3灵活运用属性选择器/200
- 13.3结构性伪类选择器/201
- 13.3.1CSS中的伪类选择器及伪元素/201
- 13.3.2选择器root、not、empty和target/205
- 13.3.3选择器:first-child、last-child、nth-child和nth-last-child/210
- 13.3.4选择器:nth-of-type和nth-last-of-type/214
- 13.3.5循环使用样式/216
- 13.3.6only-child选择器/218
- 13.4UI元素状态伪类选择器/219
- 13.4.1选择器:E:hover、E:active和E:focus/220
- 13.4.2E:enabled伪类选择器与E:disabled伪类选择器/222
- 13.4.3E:read-only伪类选择器与E:read-
优点:可以让不认识HTML5的人明白h5都有什么些东西,由于是国人作者,所以这本书的用语也比较流畅,阅读起来不费力。书中作者偶尔提到的一些以前没遇到过的知识点,算是意外收获。
缺点:内容陈旧。部分HTML5 正式发布后废弃的标签以及主流浏览器不支持、兼容性差的标签,在本书中还是存在,比如command、datagrid、keygen、menu、dialog等。看这本书第三版出版是15、16年吧,应该不至于出现这么多的废弃标签。个人觉得再版的时候没有对已废弃标签进行筛除。
不够细致。这本书像是一本参考书,许多内容就像过流水账一样蜻蜓点水,没有深入说明。有些比较复杂的代码例子摆出来,也没说明下原理,要靠自己上网半找半猜。这本书还是不适合初学者使用。
其实这本书可以简化成非常薄的一本:先讲一下 HTML5 和 CSS3 概况,
然后引导大家如何去网上学习 HTML5 和 CSS3 。
书中最后的实例部分毫无价值。
不过还好,对于我这种在地铁上就喜欢抱着书的人也还可以了。