新書推薦:
《
清洁
》
售價:NT$
296.0
《
组队:超级个体时代的协作方式
》
售價:NT$
352.0
《
第十三位陪审员
》
售價:NT$
245.0
《
微观经济学(第三版)【2024诺贝尔经济学奖获奖者作品】
》
售價:NT$
709.0
《
Python贝叶斯深度学习
》
售價:NT$
407.0
《
文本的密码:社会语境中的宋代文学
》
售價:NT$
306.0
《
启微·狂骉年代:西洋赛马在中国
》
售價:NT$
357.0
《
有趣的中国古建筑
》
售價:NT$
305.0
|
編輯推薦: |
《疯狂 HTML 5 CSS 3 JavaScript讲义(第2版)》由知名IT作家李刚老师创作
本书的中文繁体字版授权到中国台湾地区
全书面向HTML 5.1规范正式版,更新多个元素、拖放规范的相关知识,新增外挂字幕、点线模式等内容,着重介绍新增的手机端相关特性
详细介绍渐变背景支持、弹性盒布局、手机浏览器响应式布局、3D变换等CSS新增特性及重大改进
|
內容簡介: |
W3C于2016年11月1日正式发布了HTML 5.1规范,该规范已经得到广大浏览器厂商的支持,主流的*版本的浏览器几乎都支持该规范。与此同时,前端开发的持续火爆,使得HTML 5成为目前的热门领域。本书是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书,系统地介绍了HTML 5常用的元素和属性、HTML 5的表单元素和属性、HTML 5的绘图支持、HTML 5的多媒体支持、CSS 3的功能和用法、*前沿的变形与动画功能等。除此之外,本书还系统地介绍了JavaScript编程知识,包括JavaScript基本语法、DOM编程,以及HTML 5新增的本地存储、Indexed数据库、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。本书的定位是一本前端开发的实战性图书,因此在介绍各知识点时并不是简单地停留在知识点层面阐述,而是结合了大量实例来让读者对照练习、学以致用。本书*后还提供了一个基于HTML 5技术的小游戏:疯狂俄罗斯方块。该游戏综合运用了HTML 5的绘图支持、客户端存储等技术,具有较高的参考价值。本书提供了配套的答疑网站,如果读者在阅读本书时遇到了技术问题,可以登录疯狂Java联盟(http:www.crazyit.org)发帖,笔者将会及时予以解答。
|
關於作者: |
十多年的软件开发从业经验,疯狂软件教育中心教学总监。疯狂Java实训营创始人,疯狂Java体系原创图书作者。广东技术师范学院计算机科学系的兼职副教授,51CTO专家门诊特邀嘉宾。培训的学生已在华为、IBM、阿里软件、网易、电信盈科等名企就职。国内著名高端IT技术作家,已出版《疯狂Java讲义》《疯狂Android讲义》《轻量级Java EE企业应用实战》《疯狂iOS讲义(基础篇)(高级篇)》《疯狂 Swift讲义》《疯狂Ajax讲义》《疯狂XML讲义》《经典Java EE企业应用实战》《Struts 2.x权威指南》《疯狂HTML 5CSS 3JavaScript讲义》等著作。其 中疯狂Java体系图书均已沉淀多年、赢得极高的市场认同、多次重印成为超级畅销图书,并被多所985211高校选作教材,不少图书已被翻译成繁体中文版、 授权到台湾地区。
|
目錄:
|
第1章 HTML 5简介1
1.1 HTML历史与HTML 52
1.1.1 HTML发展历史2
1.1.2 HTML 4.01和XHTML3
1.1.3 HTML和XHTML的文档类型定义(DTD)4
1.1.4 从XHTML到HTML 55
1.2 HTML 5的优势6
1.2.1 解决跨浏览器问题6
1.2.2 部分代替了原来的JavaScript6
1.2.3 更明确的语义支持7
1.2.4 增强了Web应用程序的功能8
1.3 HTML 5的基本结构和语法变化8
1.3.1 HTML 5的基本结构8
1.3.2 标签不再区分大小写9
1.3.3 元素可以省略结束标签10
1.3.4 支持boolean值的属性11
1.3.5 允许属性值不使用引号12
1.4 本章小结12
第2章 HTML 5的常用元素与属性14
2.1 HTML 5保留的常用元素15
2.1.1 基本元素15
2.1.2 文本格式相关元素17
2.1.3 语义相关元素19
2.1.4 使用a元素添加超链接和锚点21
2.1.5 列表相关元素24
2.1.6 使用img元素添加图片27
2.1.7 表格相关元素30
2.2 HTML 5增强的iframe元素34
2.2.1 HTML 5新增的srcdoc属性35
2.2.2 HTML 5新增的seamless属性36
2.2.3 HTML 5新增的sandbox属性36
2.3 HTML 5保留的通用属性40
2.3.1 id、style、class属性40
2.3.2 dir属性41
2.3.3 title属性42
2.3.4 lang属性43
2.3.5 accesskey属性43
2.3.6 tabindex属性43
2.4 HTML 5新增的通用属性44
2.4.1 contentEditable属性44
2.4.2 designMode属性46
2.4.3 hidden属性46
2.4.4 spellcheck属性47
2.4.5 contextmenu属性47
2.5 HTML 5新增的结构元素48
2.5.1 article与section元素48
2.5.2 header与footer元素51
2.5.3 nav与aside元素52
2.5.4 main元素53
2.5.5 figure与figcaption元素54
2.6 HTML 5新增的语义元素55
2.6.1 mark元素55
2.6.2 time元素56
2.6.3 details与summary元素56
2.6.4 ruby、rtc、rb、rt和rp元素57
2.6.5 bdi元素58
2.6.6 wbr元素58
2.6.7 menu和menuitem元素59
2.7 HTML 5头部和元信息59
2.7.1 link元素60
2.7.2 base元素62
2.7.3 meta元素62
2.8 HTML 5新增的拖放API63
2.8.1 启动拖动63
2.8.2 接受放65
2.8.3 DataTransfer对象67
2.8.4 拖放行为69
2.8.5 改变拖放图标70
2.9 本章小结71
第3章 HTML 5表单相关的元素和属性72
3.1 HTML原有的表单及表单控件73
3.1.1 form元素73
3.1.2 input元素74
3.1.3 使用label定义标签77
3.1.4 使用button定义按钮78
3.1.5 select与option元素79
3.1.6 HTML 5增强的textarea80
3.1.7 fieldset与legend元素82
3.2 HTML 5新增的表单属性83
3.2.1 form属性83
3.2.2 formaction属性83
3.2.3 formxxx属性84
3.2.4 autofocus属性85
3.2.5 placeholder属性85
3.2.6 list属性86
3.2.7 autocomplete属性87
3.2.8 label的control属性88
3.2.9 表单元素的labels属性88
3.2.10 文本框的selectionDirection属性89
3.2.11 复选框的indeterminate属性89
3.3 HTML 5新增的表单元素90
3.3.1 功能丰富的input元素90
3.3.2 output元素93
3.3.3 meter元素94
3.3.4 progress元素95
3.3.5 keygen元素95
3.4 HTML 5新增的客户端校验96
3.4.1 使用校验属性执行校验96
3.4.2 调用checkValidity方法进行校验97
3.4.3 自定义错误提示98
3.4.4 关闭校验99
3.5 本章小结100
第4章 HTML 5的绘图支持101
4.1 使用canvas元素102
4.2 绘图103
4.2.1 canvas绘图基础:CanvasRenderingContext2D103
4.2.2 绘制几何图形105
4.2.3 点线模式107
4.2.4 绘制字符串109
4.2.5 设置阴影110
4.2.6 使用路径111
4.2.7 绘制曲线115
4.2.8 绘制位图117
4.3 坐标变换118
4.3.1 使用坐标变换118
4.3.2 坐标变换与路径结合使用119
4.3.3 使用矩阵变换121
4.4 控制叠加风格123
4.5 控制填充风格124
4.5.1 线性渐变124
4.5.2 径向渐变126
4.5.3 位图填充127
4.6 位图处理128
4.6.1 位图裁剪128
4.6.2 像素处理129
4.7 输出位图132
4.8 动画制作133
4.8.1 基于定时器的动画133
4.8.2 基于requestAnimationFrame的动画135
4.9 本章小结136
第5章 HTML 5的多媒体支持137
5.1 使用audio和video元素138
5.2 使用JavaScript脚本控制媒体播放141
5.2.1 HTMLAudioElement与HTMLVideoElement支持的方法141
5.2.2 HTMLAudioElement与HTMLVideoElement的属性143
5.3 事件监听144
5.3.1 事件144
5.3.2 监听器145
5.4 track元素146
5.4.1 使用track元素添加字幕146
5.4.2 WebVTT文件简介147
5.4.3 字幕内容的标记148
5.5 本章小结149
第6章 级联样式单与CSS选择器150
6.1 样式单概述151
6.1.1 CSS概述151
6.1.2 CSS的发展历史152
6.2 CSS样式单的基本使用152
6.2.1 引入外部样式文件152
6.2.2 导入外部样式单154
6.2.3 使用内部CSS样式155
6.2.4 使用行内样式156
6.3 CSS选择器158
6.3.1 元素选择器158
6.3.2 属性选择器159
6.3.3 ID选择器161
6.3.4 class选择器162
6.3.5 包含选择器163
6.3.6 子选择器164
6.3.7 CSS 3新增的兄弟选择器165
6.3.8 选择器组合166
6.4 伪元素选择器167
6.4.1 内容相关的属性169
6.4.2 插入图像170
6.4.3 只插入部分元素171
6.4.4 配合quotes属性执行插入171
6.4.5 配合counter-increment属性添加编号172
6.4.6 使用自定义编号173
6.4.7 添加多级编号174
6.5 CSS 3新增的伪类选择器176
6.5.1 结构性伪类选择器176
6.5.2 UI元素状态伪类选择器186
6.5.3 :target伪类选择器193
6.5.4 :not伪类选择器194
6.6 在脚本中修改显示样式195
6.6.1 随机改变页面的背景色195
6.6.2 动态增加立体效果196
6.7 本章小结197
第7章 字体与文本相关属性198
7.1 字体相关属性199
7.1.1 使用text-shadow添加阴影201
7.1.2 添加多个阴影202
7.1.3 使用font-size-adjust属性微调字体大小203
7.2 CSS 3支持的颜色表示方法205
7.3 文本相关属性206
7.3.1 使用white-space控制空白的处理行为208
7.3.2 文本自动换行:word-break209
7.3.3 用word-warp控制长单词或URL地址换行210
7.4 CSS 3新增的服务器字体212
7.4.1 使用服务器字体212
7.4.2 定义粗体、斜体字213
7.4.3 优先使用客户端字体214
7.5 本章小结215
第8章 背景、边框和边距相关属性216
8.1 盒模型简介217
8.2 背景相关属性217
8.2.1 背景图片固定219
8.2.2 CSS 3新增的background-clip属性220
8.2.3 CSS 3新增的background-origin属性221
8.2.4 CSS 3新增的background-size属性222
8.2.5 CSS 3为background-repeat新增的space和round224
8.2.6 CSS 3新增的多背景图片225
8.3 使用渐变背景226
8.3.1 使用linear-gradient设置线性渐变226
8.3.2 使用repeating-linear-gradient设置循环线性渐变230
8.3.3 使用radial-gradient设置径向渐变231
8.3.4 使用repeating-radial-gradient设置循环径向渐变238
8.4 边框相关属性239
8.4.1 CSS 3提供的渐变边框241
8.4.2 CSS 3提供的圆角边框242
8.4.3 CSS 3提供的图片边框244
8.5 使用opacity控制透明度246
8.6 padding和margin相关属性247
8.6.1 内填充相关属性247
8.6.2 外边距相关属性248
8.7 本章小结249
第9章 大小、定位、轮廓相关属性250
9.1 width、height相关属性251
9.1.1 CSS 3新增的box-sizing属性252
9.1.2 CSS 3新增的resize属性253
9.1.3 CSS 3新增的calc函数254
9.2 定位相关属性255
9.3 轮廓相关属性257
9.4 用户界面和滤镜属性258
9.4.1 appearance属性259
9.4.2 使用filter属性应用滤镜260
9.5 本章小结263
第10章 盒模型与布局相关属性264
10.1 盒模型和display属性265
10.1.1 两种最基本的盒类型265
10.1.2 none值和visibility属性267
10.1.3 inline-block类型的盒模型267
10.1.4 inline-table类型的盒模型270
10.1.5 使用table类型的盒模型实现表格271
10.1.6 list-item类型的盒模型272
10.1.7 run-in类型的盒模型273
10.2 对盒添加阴影275
10.2.1 使用box-shadow属性275
10.2.2 对表格及单元格添加阴影277
10.3 布局相关属性278
10.3.1 通过float属性实现多栏布局279
10.3.2 使用clear属性实现换行280
10.3.3 使用overflow设置滚动条282
10.3.4 使用overflow-style控制滚动方式283
10.3.5 使用clip属性控制裁剪284
10.4 CSS 3新增的多栏布局285
10.4.1 使用column-width指定栏宽度286
10.4.2 使用column-gap和column-rule控制分栏间隔287
10.4.3 使用column-span设置跨栏288
10.5 使用弹性盒布局289
10.5.1 使用flex类型的盒模型290
10.5.2 通过flex-direction指定盒内元素的排列方向291
10.5.3 使用flex-wrap控制换行293
10.5.4 使用order控制元素显示顺序294
10.5.5 使用flex属性控制子元素的缩放295
10.5.6 使用align-items和ali
|
內容試閱:
|
前 言
W3C于2016年11月1日正式发布了HTML 5.1规范,再次引起广大前端开发者对HTML 5的极大热情。而Firefox、Opera、Chrome、Safari等主流浏览器的最新版本都能很好地支持该规范,这对广大开发者来说也是很大的利好消息。
本书作为《疯狂HTML 5CSS 3JavaScript讲义》的第2版,针对目前最新的HTM L 5.1规范,对全书内容进行了大量的更新和升级。全书内容包括如下升级:
(1)重写了HTML 5增强的<a...>、<img...>、<iframe...>、<textarea...>等重要元素。
(2)重写了主流浏览器更新支持的<details...>、<summary...>、<ruby...>、<rtc...>、<rb...>、<rt...>和<rp...>等元素。
(3)重写了HTML 5.1重新定义的拖放规范。
(4)新增了HTML 5绘图API关于点线模式支持的内容。
(5)新增了多媒体支持的<track...>元素来添加外挂字幕的内容。
(6)详细介绍了CSS 3新增的渐变背景支持。
(7)详细介绍了CSS 3最新定义的弹性盒布局,这是CSS 3关于布局的最大改进。
(8)新增了关于手机浏览器响应式布局的内容。
(9)新增了CSS 3关于3D变换支持的内容。
(10)以ES 6标准为基础,介绍了最新的JavaScript语法,包括JavaScript的箭头函数、闭包语句、Promise的重要内容。
(11)深入补充了JavaScript伪继承的常用实现方式。
(12)新增介绍了HTML 5最新添加的电池访问API、通知API等内容。
(13)重写了上一版中关于事件机制的相关内容。既针对最新DOM 3事件模型做了详细介绍,也兼顾了传统IE事件模型。并补充了目前热门的手机浏览器中触碰事件的处理机制。
(14)新增介绍了HTML 5新增的Indexed数据库API。
(15)新增介绍了HTML 5规范新增的ArrayBuffer、TypedArray、Blob等二进制支持的相关内容。
(16)新增介绍了HTML 5中使用SharedWorker创建共享线程的内容。
(17)补充介绍了WebSocket发送二进制数据的相关知识。
(18)新增介绍了HTML 5新增的Server-Sent Events API、Beacon等单向网络通信的内容。
本书有什么特点
本书是一本介绍HTML 5、CSS 3和JavaScript开发技术的实用图书。全书可分为4个部分。
第1部分:全面介绍了HTML 5的全部标签,并且详细介绍了各标签所支持的属性,并为各HTML标签、属性都提供了配套的示例页面,这些内容不仅可以作为学习HTML 5的教程,也可以作为日常开发的参考手册。
第2部分:详细介绍了CSS 3的绝大部分常用选择器、属性,并为这些选择器、属性提供了示例,方便广大读者参考本书全面、系统地掌握CSS 3的功能和用法。这部分内容也可以作为前端开发者的参考手册。
第3部分:重点介绍了JavaScript编程的相关内容,包括JavaScript基础语法、JavaScript函数、JavaScript对象、DOM编程、事件处理、本地存储、Indexed数据库、离线应用、多线程、跨文档消息通信、网络通信编程等知识,这些内容既覆盖了初学者的编程基础,也覆盖了HTML 5所支持的新功能,非常适合作为前端开发者的学习教程。
第4部分:综合运用了HTML 5的绘图支持、客户端存储、CSS样式、JavaScript编程等内容,开发了一个网页版的疯狂俄罗斯方块。这个小游戏既可让读者巩固前面所掌握的各种知识,也可让读者将所学理论运用到实际开发中。
需要说明的是,本书只是一本介绍HTML 5、CSS 3、JavaScript实际开发的图书,而不是一本关于所谓设计思想的书,不要指望学习本书能提高你所谓的设计思想,所以奉劝那些希望提高思想的读者不要阅读本书。
本书所介绍的知识都很浅显,只要读者愿意坐下来、静心阅读本书,并把书中所有示例循序渐进地练习一遍,本书带给你的只是9个字:看得懂、学得会、做得出。本书并没有堆砌深奥的新名词、堆砌高深的思想,本书依然保持了疯狂Java体系的一贯风格:思路清晰,语言平实,操作步骤详细。
不管怎样,只要读者在阅读本书时遇到知识上的问题,都可以登录疯狂Java联盟(http:www.crazyit.org)与广大Java学习者交流,笔者也会通过该平台与大家一起交流、学习。
本书具有如下几个特点。
1.知识全面,覆盖面广
本书全面介绍了HTML 5、CSS 3、JavaScript的各种相关知识,包括HTML 5增强的表单标签、绘图支持、多媒体支持、CSS选择器、CSS盒模型属性、CSS变形和动画相关属性、离线应用、客户端存储、JavaScript多线程、跨文档消息传递、WebSocket等内容。本书基本全面覆盖了W3C官网上已发布的HTML 5.1新规范。
2.内容实际,实用性强
本书并不局限于枯燥的理论介绍,而是采用了项目驱动的方式来讲授知识点。无论是讲解HTML 5标签还是CSS 3选择器、属性的功能,几乎每个知识点都可找到对应的参考示例。本书最后还提供了疯狂俄罗斯方块案例,实用性很强。
3.讲解详细,上手容易
本书保持了疯狂Java体系的一贯风格:思路清晰,语言平实,操作步骤详细。只要认真阅读本书,把书中所有示例循序渐进地练习一遍,并把本书最后一个案例独立完成,读者就可达到企业前端开发的要求。
本书写给谁看
本书是一本从零学习的HTML 5、CSS 3、JavaScript专业图书,阅读本书并不需要额外的基础。对于刚刚从事前端开发的新人,本书具有很好的学习价值;对于有一定工作经验的前端工程师,本书具有很高的参考价值。本书也可作为高校、培训机构的教材使用。由于本书是一本专业级的前端开发技术图书,对于那些只想简单了解HTML、CSS的业余人士,不推荐选择本书。
2017-3-10
|
|