《深入理解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新加的一些节元素,一张页面中结构元素构成网页大体,但是也需要其他内容来填充 ...
随机推荐
- web.xml filter 顺序
The order the container uses in building the chain of filters to be applied for a particular request ...
- Spring+Struts+Ibatis的配置
指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> < ...
- MHA高可用+VIP 集群故障转移(已测试成功)
服务器部署说明192.168.158.201 mha管理,mysql主服192.168.158.202 mha节点,mysql从服192.168.158.203 mha节点,mysql从服Man ...
- 解决从内部存储设备安装apk提示Permission Denied
做应用商店,下载apk,考虑一种情况,如果没有sd卡的情况下就将apk下载到 Internal Cache目录下. 下载都正常,但是在安装的时候提示Permission Denied /data/da ...
- win7远程桌面连接
远程桌面连接 1.在防火墙上设置同意同意远程桌面通过防火墙: 2.为管理员设置password.以便訪问者訪问: 3.我的电脑-右键属性-远程设置-远程-选上"同意远程协助远程这台计算机.同 ...
- 《Java虚拟机原理图解》 1.2、class文件里的常量池
[最新更新:2014/11/11] 了解JVM虚拟机原理 是每个Java程序猿修炼的必经之路. 可是因为JVM虚拟机中有非常多的东西讲述的比較宽泛.在当前接触到的关于JVM虚拟机原理的教程或者博客中 ...
- [Node.js] Broswerify -- 2
Browserify allows you to leverage 10s of thousands of javascript modules available in the Node Packa ...
- iOS开发——数据持久化Swift篇&(二)沙盒文件
沙盒文件 //******************** 5.2 文件操作 func use_FileOperations() { //1.获取程序的Home目录 let homeDirectory = ...
- cocos2d-html5 笔记5: 事件
在cocos2d里面,通过Node的方式,将整个场景以及里面的object给组织起来,这样很容易画了,从root node开始遍历,把整棵树画出来就是了. 剩下就是animation,timer, 还 ...
- Soft Renderer的乐趣
最近这一个月的闲暇时间在边学习<3D编程大师技巧>边做自己的Soft Renderer,一个月下来总算有了个“基本原型”的样子.主要是在编写图形管线的过程式代码,简单明了为第一个阶段的目标 ...