《深入理解HTML5:语义、标准与样式》
基本信息
作者: (美)布拉德福(Bradford,A.) 海涅(Haine,P.)
译者: 高京
出版社:电子工业出版社
ISBN:9787121205521
上架时间:2013-6-22
出版日期:2013 年6月
开本:16开
页码:280
版次:1-1
所属分类:计算机 > 软件与程序设计 > 网络编程 > HTML
内容简介
计算机书籍
html5并不一定适用于所有网站,而是面向未来的网站!本书面向的读者是致力于创建有更好的多媒体、交互性和语义的网站的开发者和设计师。
《深入理解html5:语义、标准与样式》介绍了html5里的新元素和它们的用法,包括不太常用的元素。书中也包含了巧妙的样式和脚本技巧,可以运用于你的网站。本书完全遵循技术标准和最新网站设计技术。
目录
《深入理解html5:语义、标准与样式》
关于作者xiv
关于技术审阅人xv
关于封面设计者xvi
致谢xvii
引言xix
第1章 起步:html5的演变1
1.1 html5 = html · html51
1.1.1 html5出现之前1
1.1.2 为什么xhtml 2.0消失了,而html5流行了2
1.1.3 whatwg的理念2
1.1.4 html5的现状3
1.2 剖析html5文档4
1.3 html术语和概念5
1.3.1 元素6
1.3.2 属性6
1.3.3 文档模型7
1.4 html5的新特性9
1.4.1 向后兼容9
1.4.2 错误处理9
.1.4.3 简化的doctype10
1.4.4 简化的字符编码11
1.4.5 新的内容模型类别12
1.4.6 新元素13
1.4.7 微数据13
1.4.8 内嵌mathml和svg13
1.4.9 api14
1.4.10 不再遵循sgml(又一次!)14
1.4.11 废弃的特性14
1.5 xhtml消失了吗17
1.5.1 mime类型的问题18
1.6 在html和xhtml之间选择18
1.7 浏览器支持情况19
1.8 浏览器开发工具20
小结21
第2章 各司其职的标签22
2.1 全局属性23
2.1.1 可访问性24
2.1.2 元数据(metadata)25
2.1.3 唯一标识26
2.1.4 可编辑性28
2.1.5 拼写检查28
2.1.6 隐藏元素28
2.1.7 拖曳29
2.1.8 样式29
2.1.9 文字方向29
2.1.10 自定义数据30
2.2 内容模型类别30
2.3 根元素31
2.3.1 html元素的属性33
2.4 文档元数据和脚本元素33
2.4.1 网页信息:title和meta34
2.4.2 链接、样式和资源:base、link和style36
2.4.3 增加行为和后备内容:script 和 noscript38
2.5 文档区块元素40
2.5.1 语义区块元素40
2.6 内容分组元素41
2.6.1 无法避免的段落:p42
2.6.2 打断内容:hr43
2.6.3 保持格式:pre43
2.6.4 引用文字:blockquote43
2.6.5 列表43
2.6.6 图表、照片、图示:figure和figcaption47
2.6.7 创建分块:div47
2.7 文本级语义元素48
2.8 表格数据元素49
2.8.1 表格基础50
2.8.2 添加表头51
2.8.3 增加说明:caption52
2.8.4 增加结构:thead、tfoot 和 tbody52
2.8.5 添加更多结构:colgroup和 col54
2.9 表单元素56
2.10 内嵌内容元素57
2.11 交互元素59
2.11.1 显示更多:summary 和 details60
2.11.2 工具条:menu和command62
小结62
第3章 认识语义63
3.1 什么是语义,跟我有什么关系63
3.2 用大纲思考64
3.3 html5 大纲算法65
3.4 用标题内容隐性地创建大纲66
3.5 用区块内容创建大纲67
3.5.1 提高大纲的语义68
3.6 头和尾70
3.6.1 使用hgroup71
3.6.2 格式化有地址的尾部71
3.6.3 确定头尾内容72
3.7 查看html5大纲73
3.8 div和span过时了吗74
3.9 案例学习:《城市新闻报》74
3.9.1 添加文本级语义76
3.10 其他文本级元素84
3.10.1 作品标题:cite85
3.10.2 格式化计算机输入/输出:code、var、samp、kbd85
3.10.3 标记文本编辑:ins和del85
3.10.4 处理外来脚本85
小结87
第4章 精通表单88
4.1 表单元素复习88
4.1.1 分析表单元素89
4.1.2 表单元素属性90
4.2 获取输入91
4.2.1 最初的输入类型93
4.2.2 新输入类型98
4.3 校验和提交表单102
4.3.1 输入字段必填103
4.3.2 用按钮和图片提交表单103
4.4 其他常用input元素属性105
4.4.1 提供占位符文字105
4.4.2 字段只读106
4.4.3 autocomplete 和 autofocus106
4.4.4 使用数据列表107
4.5 其他表单控件108
4.5.1 菜单108
4.5.2 文本块111
4.5.3 显示进度112
4.5.4 显示度量112
4.5.5 显示计算的输出114
4.5.6 密钥生成器115
4.6 用fieldset和label添加结构115
4.7 完整的表单117
4.7.1 第一页:收集用户详情117
4.7.2 第二页:收集评论121
4.7.3 第三页: 确认信息123
4.8 表单可用性124
4.8.1 各司其职的输入类型124
4.8.2 保持简洁124
4.8.3 别让我思考、别让我费力、别骗我125
4.8.4 记住互联网是全球的125
4.8.5 需要时提供后备方案125
小结126
第5章 多媒体:视频、音频和内嵌媒体127
5.1 一切的开始:img127
5.2 图像映射130
5.3 嵌入其他媒体132
5.3.1 embed元素132
5.3.2 object元素133
5.4 嵌入的html:iframe135
5.4.1 处理iframe元素里的内容136
5.4.2 新的iframe元素属性137
5.4.3 指向iframe138
5.5 视频139
5.5.1 视频格式139
5.5.2 版权问题140
5.5.3 处理视频源140
5.5.4 视频属性144
5.6 音频146
5.6.1 音频格式147
5.7 文字轨148
5.8 编码音频和视频149
5.9 最后一个重要元素150
小结150
第6章 css3151
6.1 当前状态:css2.1151
6.2 css3 模块152
6.3 使用css153
6.3.1 附上样式表153
6.3.2 css样式规则155
6.3.3 基本的css选择器语法157
6.3.4 高级选择器161
6.3.5 高效使用选择器175
6.3.6 css盒模型176
6.4 背景和边框180
6.4.1 基本背景色和图片180
6.4.2 多重背景184
6.4.3 圆角185
6.4.4 阴影185
6.5 颜色186
6.5.1 屏幕上的颜色186
6.5.2 功能符语法188
6.5.3 色调、饱和度、亮度188
6.5.4 不透明度189
6.6 网页字体的编排设计190
6.6.1 网页字体190
6.6.2 多列192
6.6.3 文字特效192
6.6.4 字体的规则193
小结194
第7章 用户交互和html5 api195
7.1 使用本章的javascript195
7.1.1 操作dom属性和方法196
7.1.2 控制台日志197
7.1.3 事件199
7.2 历史api200
7.2.1 非常简单的ajax201
7.2.2 基于历史的ajax203
7.3 构建自定义视频控制器205
7.4 2d canvas api 编程208
7.4.1 画布绘图211
7.4.2 画布状态215
7.4.3 画布的交互216
7.4.4 画布动画217
7.5 拖曳操作219
7.5.1 用拖曳排序列表225
小结227
第8章 前方的路228
8.1 移动互联网的挑战228
8.2 响应式设计229
8.2.1 viewport229
8.2.2 媒体查询231
8.3 离线应用缓存233
8.4 其他html5技术234
8.4.1 微数据234
8.4.2 撤销管理器api236
8.4.3 即将到来的css技术236
小结237
附录a 相关技术239
索引251
- 第 3 题:如何理解 HTML5 语义化?
什么是标签语义化? 提升代码可读性,便于团队开发和维护 为什么要标签语义化? 当网页去掉 CSS 样式时,页面能呈现出来清晰的结构 案例 不存在语义化 <div></div> ...
- 深入理解HTML5:语义、标准与样式(勇猛精进早登大师殿堂创最优品质交互)
深入理解HTML5:语义.标准与样式(勇猛精进早登大师殿堂创最优品质交互) [美]布拉德福(Bradford,A.) [美]海涅(Haine,P.)著 高京译 ISBN 978-7-121-20552 ...
- HTML5 语义元素、迁移、样式指南和代码约定
语义元素是拥有语义的元素. 什么是语义元素? 语义元素清楚地向浏览器和开发者描述其意义. 非语义元素的例子:<div> 和 <span> - 无法提供关于其内容的信息. 语义元 ...
- web标签语义化的理解_web语义化是什么意思
web语义化是什么? Web语义化,使用语义恰当的标签,可以让页面具有良好的结构,页面元素具有良好的含义,从而让人和机器都能快速理解.语义化的web页面一方面可以让机器在更少的人类干预情况下收集并研究 ...
- html5语义化标签使用规范
Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排 一.使用案例 1. 头部——header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍 ...
- 转html5语义化标签总结一
HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式的id和class形容这块内容的意义).这些标 ...
- 快速理解web语义化
什么是Web语义化 Web语义化是指使用恰当语义的html标签.class类名等内容,让页面具有良好的结构与含义,从而让人和机器都能快速理解网页内容.语义化的web页面一方面可以让机器在更少的人类干预 ...
- 第二季第十一天 html5语义化标签 css透明度
span不能设置宽高背景 HTML5语义化标签 <section>标签所包裹的是有一组相似的主题的内容,可以用这个标签来实现文章的章节.标签式对话框中的各种标签页等类似的功能. <s ...
- html5语义化标签总结二
HTML 5的革新之一:语义化标签二文本元素标签.分组元素标签. HTML 5的革新——语义化标签(一)中介绍了一些HTML5新加的一些节元素,一张页面中结构元素构成网页大体,但是也需要其他内容来填充 ...
随机推荐
- linux 下查看文件个数及大小
ls -l |grep "^-"|wc -l 或 find ./company -type f | wc -l 查看某文件夹下文件的个数,包括子文件夹里的. ls - ...
- 关于 ServiceStack.Redis 4.0 License
今天更新了框架中的Redis驱动ServiceStack.Redis,最新版本4.0.5.0. 在做简单压力测试时出现异常,提示每小时允许6000个请求. The free-quota limit o ...
- Binding的Source从何而来?
I. Binding to Object 1. Binding data using ObjectDataProvider AC:Let’s say there is a CLR based data ...
- JOIN 相关内容
1.left join(左联接) 返回包括左表中的所有记录和右表中联结字段相等的记录 2.right join(右联接) 返回包括右表中的所有记录和左表中联结字段相等的记录 3.inner join ...
- 窥探EasyMock(2)进阶使用篇
from:http://www.iteye.com/topic/310313 1. 生成 Mock 对象 如何创建一个需要严格遵守调用顺序的mock对象? SomeInterface mockObj ...
- easymock入门贴
from:http://macrochen.iteye.com/blog/298032 关于EasyMock常见的几个问题, 这里(http://ozgwei.blogspot.com/2007/06 ...
- DELPHI下读取与设置系统时钟
在DELPHI下读取与设置系统时钟 很多朋友都想在自己的程序中显示系统时间 这在DELPHI中十分容易 利用DateToStr(Date)及TimeToStr(Time)函数即可实现. 二者的函数原型 ...
- ClassRequestHandler or VendorRequestHandler wIndex must be less than NumIFs
P1_ro:20000EEA ClassRequestHandler ; CODE XREF: USB__HandleSetup+38j P1_ro:20000EEA LDRB R0, [R4,#4] ...
- discuz问题综合
1.discuz x2搬家问题:搬家后,需要修改数据库的配置文件,包含: 主要的配置文件有三个:config目录下的config_global.php和config_ucenter.php以 ...
- LNMP环境下压力测试时的主要调试参数
LNMP环境下压力测试时的主要调试参数: 进行HTTP的压力测试时,很多时候会遇到很小的并发数,服务器就会出现不响应,或者连接超时,一般导致的原因有如下几点: 一.Nginx主要调试参数 主模块参数: ...