重构HTML:改善Web应用的设计
3推荐 收藏
4.8K阅读
图灵程序设计丛书

重构HTML:改善Web应用的设计

Elliotte Rusty Harold (作者) 陈贤安 (译者)
本书采用理论与实践相结合的方式,展示了如何重构 HTML,以获得更佳的可靠性、性能、可用性、安全性、可访问性、兼容性,甚至实现良好的搜索引擎优化。书中详细介绍了如何辨别应该重构的 Web代码中的 “坏味道 ”,如何把旧的 HTML转换为良构和有效的 XHTML,如何使用 CSS改善现有的布局,如何通过用 GET替换 POST、替换旧的联系表单和重构 JavaScript来更新 Web应用程序,如何系统地重构内容和链接,如何在不改变用户所依赖的 URL的前提下重建网站。
本书适合 Web设计人员、开发人员、项目经理和需要维护或更新既有网站的人使用。

收藏本书能做什么?

有情况的时候会收到通知,比如电子书发布等。

纸质书
¥45.00

出版信息

同系列书

  • HTTP权威指南

    David Gourley   Brian Totty   Marjorie Sayer   Sailu Reddy   Anshu Aggarwal   陈涓   赵振平   译

    本书是HTTP及其相关核心Web技术方面的权威著作,主要介绍了Web应用程序是如何工作的,核心的因特网协议如何...

  • JavaScript高级程序设计(第3版)

    Nicholas C.Zakas   李松峰   曹力   译

    本书是JavaScript超级畅销书的新版。ECMAScript 5 和HTML5在标准之争中双双胜出,使大量...

  • 计算机科学的基础

    Al Aho   Jeff Ullman   傅尔也   译

    本书全面而详细地阐述了计算机科学的理论基础,从抽象概念的机械化到各种数据模型的建立,用算法、数据抽象等核心思想...

  • Java技术手册(第6版)

    Benjamin J Evans   David Flanagan   安道   译

    通过学习本书,你将能够: 掌握最新的语言细节,包括Java 8的变化 使用基本的Java句法学习面向对...

  • 机器学习实战

    Peter Harrington   李锐   李鹏   曲亚东   王斌   译

    机器学习是人工智能研究领域中一个极其重要的研究方向,在现今的大数据时代背景下,捕获数据并从中萃取有价值的信息或...

本书特色

《重构》作者、软件开发大师Martin Fowler作序推荐
世界知名XML专家力作
理论与实践相结合,助你快速改善Web网站及应用
涵盖XHTML、CSS和REST等Web标准

目录

第1章 重构 1
1.1 为何重构 2
1.1.1 坏味道:难以辨认的代码 3
1.1.2 坏味道:CEO根本搞不定他的旅行费用报销单 4
1.1.3 坏味道:缓慢的页面呈现速度 5
1.1.4 坏味道:不同的浏览器,不同的呈现 5
1.1.5 坏味道:网页需要危险或者非标准技术的支持 6
1.1.6 坏味道:公司主页突然显示“Pwned by Elite Doodz” 7
1.1.7 坏味道:在Google搜索结果中首次排在17页之后 7
1.1.8 坏味道:访问者致信投诉网站失灵 7
1.2 何时重构 8
1.3 重构什么 9
1.3.1 为何要用XHTML 10
1.3.2 为何要用CSS 13
1.3.3 为何要用REST 14
1.4 反对重构的理由 16
第2章 工具 18
2.1 备份、测试用机和源码控制 18
2.2 验证器 20
2.2.1 W3C标记验证服务 20
2.2.2 日志验证程序 22
2.2.3 xmllint 23
2.2.4 编辑器 24
2.3 测试 24
2.3.1 JUnit 26
2.3.2 HtmlUnit 28
2.3.3 HttpUnit 29
2.3.4 JWebUnit 30
2.3.5 FitNesse 31
2.3.6 Selenium 32
2.3.7 测试入门 35
2.4 正则表达式 36
2.4.1 搜索 36
2.4.2 搜索模式 38
2.5 Tidy 39
2.5.1 -asxhtml 40
2.5.2 -clean 41
2.5.3 编码 42
2.5.4 整洁的格式 43
2.5.5 生成的代码 43
2.5.6 当做库来用 43
2.6 TagSoup 43
2.7 XSLT 45
第3章 良构 47
3.1 什么是良构 47
3.2 将名称改为小写 50
3.2.1 动机 51
3.2.2 风险 52
3.2.3 做法 52
3.3 给属性值加引号 53
3.3.1 动机 54
3.3.2 风险 54
3.3.3 做法 55
3.4 补足遗漏的属性值 56
3.4.1 动机 56
3.4.2 风险 56
3.4.3 做法 56
3.5 将空标签替换为空元素标签 57
3.5.1 动机 58
3.5.2 风险 58
3.5.3 做法 58
3.6 添加结束标签 59
3.6.1 动机 60
3.6.2 风险 60
3.6.3 做法 61
3.7 消除重叠 63
3.7.1 动机 63
3.7.2 风险 63
3.7.3 做法 64
3.8 把文本转换为UTF-8 65
3.8.1 动机 65
3.8.2 风险 65
3.8.3 做法 66
3.9 转义小于号 67
3.9.1 动机 67
3.9.2 风险 67
3.9.3 做法 67
3.10 转义&号 68
3.10.1 动机 69
3.10.2 风险 69
3.10.3 做法 69
3.11 转义属性值中的引号 70
3.11.1 动机 70
3.11.2 风险 71
3.11.3 做法 71
3.12 加入XHTML DOCTYPE声明 71
3.12.1 动机 72
3.12.2 风险 72
3.12.3 做法 72
3.13 结束每一个实体引用 74
3.13.1 动机 74
3.13.2 风险 74
3.13.3 做法 74
3.14 替换虚构的实体引用 74
3.14.1 动机 75
3.14.2 风险 75
3.14.3 做法 75
3.15 加入根元素 75
3.15.1 动机 76
3.15.2 风险 76
3.15.3 做法 76
3.16 加入XHTML命名空间 76
3.16.1 动机 76
3.16.2 风险 77
3.16.3 做法 77
第4章 有效性 78
4.1 加入过渡型DOCTYPE声明 79
4.1.1 动机 79
4.1.2 风险 80
4.1.3 做法 80
4.2 删除所有不该存在的标签 81
4.2.1 动机 81
4.2.2 风险 81
4.2.3 做法 81
4.3 添加alt属性 83
4.3.1 动机 83
4.3.2 风险 83
4.3.3 做法 84
4.4 用object替代embed 85
4.4.1 动机 86
4.4.2 风险 86
4.4.3 做法 87
4.5 加入严格型DOCTYPE声明 89
4.5.1 动机 90
4.5.2 风险 90
4.5.3 做法 90
4.6 用CSS替代center 90
4.6.1 动机 91
4.6.2 风险 91
4.6.3 做法 91
4.7 用CSS替代font 93
4.7.1 动机 93
4.7.2 风险 94
4.7.3 做法 94
4.8 用em或CSS替代i 96
4.8.1 动机 96
4.8.2 风险 96
4.8.3 做法 96
4.9 用strong或者CSS替换b 98
4.9.1 动机 98
4.9.2 风险 98
4.9.3 做法 98
4.10 用CSS替换各种颜色属性 99
4.10.1 动机 100
4.10.2 风险 100
4.10.3 做法 100
4.11 把img元素的属性转换为CSS属性 102
4.11.1 动机 102
4.11.2 风险 102
4.11.3 做法 102
4.12 用object替代applet 103
4.12.1 动机 104
4.12.2 风险 104
4.12.3 做法 105
4.13 用CSS替换表现性元素 106
4.13.1 动机 107
4.13.2 风险 107
4.13.3 做法 107
4.14 把行内(Inline)元素放到块(block)元素中 108
4.14.1 动机 108
4.14.2 风险 109
4.14.3 做法 109
第5章 布局 112
5.1 替换表格布局 112
5.1.1 动机 114
5.1.2 风险 114
5.1.3 做法 114
5.2 使用CSS定位替代框架 123
5.2.1 动机 124
5.2.2 风险 124
5.2.3 做法 125
5.3 把内容放到最前面 132
5.3.1 动机 133
5.3.2 风险 133
5.3.3 做法 133
5.4 正确标记列表 135
5.4.1 动机 136
5.4.2 风险 136
5.4.3 做法 136
5.5 用CSS替换blockquote/ul的缩进 137
5.5.1 动机 138
5.5.2 风险 138
5.5.3 做法 138
5.6 替换占位图片 139
5.6.1 动机 139
5.6.2 风险 140
5.6.3 做法 140
5.7 添加id属性 140
5.7.1 动机 141
5.7.2 风险 141
5.7.3 做法 141
5.8 为图片添加width和height属性 144
5.8.1 动机 144
5.8.2 风险 144
5.8.3 做法 144
第6章 可访问性 146
6.1 把图片转换为文本 148
6.1.1 动机 148
6.1.2 风险 148
6.1.3 做法 148
6.2 为表单输入框添加标签 151
6.2.1 动机 151
6.2.2 风险 151
6.2.3 做法 151
6.3 使用标准的字段名称 154
6.3.1 动机 156
6.3.2 风险 156
6.3.3 做法 156
6.4 开启自动完成 159
6.4.1 动机 160
6.4.2 风险 160
6.4.3 做法 160
6.5 为表单添加Tab索引 160
6.5.1 动机 161
6.5.2 风险 161
6.5.3 做法 162
6.6 加入“跳过”机制 163
6.6.1 动机 164
6.6.2 风险 164
6.6.3 做法 164
6.7 添加内部标题 165
6.7.1 动机 165
6.7.2 风险 166
6.7.3 做法 166
6.8 把链接和标题里重要的内容放到前面 166
6.8.1 动机 167
6.8.2 风险 167
6.8.3 做法 167
6.9 加大输入框 168
6.9.1 动机 168
6.9.2 风险 168
6.9.3 做法 168
6.10 加入表格描述 169
6.10.1 动机 171
6.10.2 风险 171
6.10.3 做法 171
6.11 加入acronym元素 173
6.11.1 动机 173
6.11.2 风险 173
6.11.3 做法 173
6.12 加入lang属性 174
6.12.1 动机 175
6.12.2 风险 175
6.12.3 做法 175
第7章 Web应用程序 177
7.1 用POST替换不安全的GET 177
7.1.1 动机 177
7.1.2 风险 178
7.1.3 做法 178
7.2 用GET替换安全的POST 181
7.2.1 动机 181
7.2.2 风险 182
7.2.3 做法 182
7.3 重定向POST为GET 184
7.3.1 动机 184
7.3.2 风险 185
7.3.3 做法 185
7.4 启用缓存 186
7.4.1 动机 186
7.4.2 风险 187
7.4.3 做法 187
7.5 阻止缓存 189
7.5.1 动机 189
7.5.2 风险 189
7.5.3 做法 189
7.6 使用ETag 191
7.6.1 动机 191
7.6.2 风险 192
7.6.3 做法 192
7.7 用HTML替换Flash 194
7.7.1 动机 195
7.7.2 风险 195
7.7.3 做法 195
7.8 增加Web Forms 2.0类型 197
7.8.1 动机 198
7.8.2 风险 198
7.8.3 做法 199
7.8.4 浏览器的支持情况 202
7.8.5 数据验证 202
7.9 用mailto链接取代联系表单 202
7.9.1 动机 203
7.9.2 风险 203
7.9.3 做法 203
7.10 封禁机器人 205
7.10.1 动机 205
7.10.2 风险 205
7.10.3 做法 205
7.11 转义用户的输入 207
7.11.1 动机 208
7.11.2 风险 208
7.11.3 做法 208
第8章 内容 210
8.1 修正拼写 210
8.1.1 动机 210
8.1.2 风险 210
8.1.3 做法 211
8.2 修复坏链接 213
8.2.1 动机 213
8.2.2 风险 214
8.2.3 做法 214
8.3 移动页面 219
8.3.1 动机 219
8.3.2 风险 219
8.3.3 做法 219
8.4 删除入口页面 221
8.4.1 动机 222
8.4.2 风险 223
8.4.3 做法 223
8.5 隐藏电子邮件地址 224
8.5.1 动机 224
8.5.2 风险 224
8.5.3 做法 224
附录A 正则表达式 227
暂无评论!