Web标准实战(世界级Web大师力作)

. 与 [b] 的组合
　　　2.1.3 方法c：样式和内容
　　2.2 内容回顾
　　2.3 实例秀
　　　2.3.1 简洁的样式
　　　2.3.2 加背景
　　　2.3.3 可变换的图标
　　　2.3.4 方便地更新
　　　2.3.5 变色龙效果
　　2.4 小结
　第3章 表格是邪恶的吗
　　3.1 完全的表格形态
　　3.2 人人可有的表格
　　3.3 添加摘要
　　3.4 表头
　　3.5 表头和数据的关系
　　3.6 使用abbr属性
　　3.7 [thead]、[tfoot]和[tbody]
　　3.8 表格是邪恶的吗
　　3.9 实例秀
　　　3.9.1 创建网格
　　　3.9.2 压缩空白
　　　3.9.3 除ie/mac之外的版本
　　　3.9.4 腾出空间
　　　3.9.5 自定义表头外观
　　　3.9.6 带背景图片的表头
　　　3.9.7 给id指定图标
　　3.10 小结
　第4章 引用文本
　　4.1 方法a：缺乏语义
　　4.2 方法b：类的演出
　　4.3 方法c：[blockquote]是最好的
　　4.4 内容回顾
　　4.5 实例秀
　　　4.5.1 刨根问底的cite
　　　4.5.2 行内引用
　　　4.5.3 为 [blockquote]设定样式
　　4.6 小结
　第5章 表单
　　5.1 创建表单时有哪些选择
　　　5.1.1 方法a：使用一个表格
　　　5.1.2 方法b：没有表格，却变得拥挤
　　　5.1.3 方法c：简单并且更有亲和力
　　5.2 内容回顾
　　5.3 实例秀
　　　5.3.1 神奇的tabindex
　　　5.3.2 为频繁访问的表单设定accesskey
　　　5.3.3 给表单设定样式
　　5.4 小结
　第6章 [strong]、[em] 及其他短语元素
　　6.1 表现化与结构化
　　　6.1.1 为什么[strong]和[em]比[b]和[i]要好
　　　6.1.2 那么[em]呢
　　　6.1.3 只要粗体或者斜体就行了
　　　6.1.4 粗体加斜体
　　6.2 内容回顾
　　6.3 实例秀
　　　6.3.1 短语元素
　　　6.3.2 [cite]设计
　　　6.3.3 [abbr]和[acronym]
　　　6.3.4 [code]
　　　6.3.5 [samp]
　　　6.3.6 [var]
　　　6.3.7 [kbd]
　　6.4 最后的短语
　第7章 锚点
　　7.1 当指向页面特定部分时，如何构建锚点才是最佳方案
　　　7.1.1 方法a：空的名字
　　　7.1.2 方法b：都在名称中
　　　7.1.3 方法c：去掉名称
　　　7.1.4 方法d：全合一
　　7.2 内容回顾
　　7.3 实例秀
　　　7.3.1 title属性
　　　7.3.2 给链接设定样式
　　7.4 收锚启航
　第8章 更多列表
　　8.1 构造编号列表的最佳方式
　　　8.1.1 方法a：无序的顺序
　　　8.1.2 方法b：有序列表
　　8.2 构造一组词条和解释的最佳代码是什么
　　　8.2.1 方法a
　　　8.2.2 方法b
　　8.3 内容回顾
　　8.4 实例秀
　　　8.4.1 标识各个部分
　　　8.4.2 自定义编号
　　　8.4.3 将编号加到css里
　　　8.4.4 最终效果
　　8.5 小结
　第9章 精简html代码
　　9.1 使用web标准构建网站时如何精简html代码
　　　9.1.1 子代选择符
　　　9.1.2 方法a：愉快地使用类
　　　9.1.3 方法b：自然选择
　　　9.1.4 不必要的[div]
　　　9.1.5 方法a：愉快地使用[div]
　　　9.1.6 方法b：丢掉[div]
　　　9.1.7 其他示例
　　　9.1.8 内容回顾
　　9.2 实例秀
　　　9.2.1 未加工的html代码
　　　9.2.2 添加样式
　　　9.2.3 自定义项目符号
　　　9.2.4 添加边框
　　9.3 小结
第二部分 样式点滴
　第10章 应用css
　　10.1 怎样将css应用到文档上
　　　10.1.1 方法a：[style]元素
　　　10.1.2 方法b：外部样式表
　　　10.1.3 方法c：@import
　　　10.1.4 为多个样式表结合使用方法b和c
　　　10.1.5 两种级别的样式
　　　10.1.6 拥抱层叠
　　　10.1.7 方法d：行内样式
　　10.2 内容回顾
　　10.3 实例秀
　　10.4 小结
　第11章 打印样式
　　11.1 如何对打印指定样式
　　　11.1.1 媒介类型
　　　11.1.2 两种定向方式
　　　11.1.3 方法a：media属性
　　　11.1.4 方法b：@media或者@import
　　　11.1.5 允许多个值
　　　11.1.6 分隔屏幕和打印样式
　　　11.1.7 建立打印样式表
　　11.2 内容回顾
　第12章 css布局
　　12.1 如何用css构造两栏布局
　　　12.1.1 方法a：浮动侧栏
　　　12.1.2 方法b：双浮动
　　　12.1.3 方法c：浮动内容
　　　12.1.4 方法d：绝对定位
　　12.2 内容回顾
　　12.3 实例秀
　　　12.3.1 框模型问题
　　　12.3.2 伪栏
　　12.4 小结
　第13章 设定文本样式
　　13.1 怎么把超文本变酷
　　　13.1.1 改变times字体
　　　13.1.2 改变行间距
　　　13.1.3 都是一家人
　　　13.1.4 字符间距调整
　　　13.1.5 段首字母下沉
　　　13.1.6 文本对齐
　　　13.1.7 字形变换
　　　13.1.8 小型大写字母
　　　13.1.9 段落缩进
　　13.2 内容回顾
　第14章 图片替换
　　14.1 怎样通过css用图片替换文本
　　　14.1.1 不存在完美的解决方案
　　　14.1.2 使用它，但要小心
　　14.2 方法a：fahrner图片替换
　　　14.2.1 html代码
　　　14.2.2 额外的标签
　　　14.2.3 css代码
　　　14.2.4 指定背景
　　　14.2.5 优点
　　　14.2.6 缺点
　　　14.2.7 权衡利弊
　　14.3 方法b：leahy/langridge图片替（lir）
　　　14.3.1 html和css代码
　　　14.3.2 框模型的痛苦
　　　14.3.3 缺点
　　14.4 方法c：phark方法
　　　14.4.1 html和css代码
　　　14.4.2 还是不完美
　　14.5 内容回顾
　　14.6 实例秀
　　　14.6.1 标志切换
　　　14.6.2 示例
　　　14.6.3 一对标志
　　　14.6.4 css代码
　　　14.6.5 恢复链接
　　　14.6.6 结果
　　14.7 具有亲和力的可翻转图片选项卡
　　　14.7.1 问题
　　　14.7.2 解决方案
　　　14.7.3 html代码：一个列表统领一切
　　　14.7.4 一张图片，三种状态
　　　14.7.5 css：魔法产生的地方
　　　14.7.6 结果
　　　14.7.7 为什么要使用它
　　　14.7.8 文本不能缩放
　　14.8 兼容性
　　14.9 小结
　第15章 为[body]设定样式
　　15.1 两栏，有时又是三栏
　　　15.1.1 页面和样式结构
　　　15.1.2 [body]有类
　　　15.1.3 不仅可用于栏
　　15.2 “你在这里”
　　　15.2.1 导航列表
　　　15.2.2 标明各个部分
　　　15.2.3 魔法css
　　15.3 内容回顾
　第16章 下一步
　　16.1 下一步去往何处
　　　16.1.1 组织和出版物
　　　16.1.2 富有影响力和启发性的博客
　　　16.1.3 书籍
　　16.2 结束语
索引

.　　●前向兼容性（forward compatibility）：通过使用Web标准创建写页面，可以保证它们在未来仍然可读。
　　上述任何一个好处都可以是使用Web标准的充分理由，本书将会告诉你如何（how）丢掉那些坏习惯，教给你创建富有吸引力的、基于标准的设计方案的经验和技巧。
　　为什么要用XHTML
　　本书中的页面代码示例都使用XHTML，即可扩展的超文本标记语言编写。从技术上讲，XHTML是HTML 4以XML形式的重生。这是什么意思呢？嗯，你已经熟悉HTML了，对吧？XHTML也是一样的——只是多了一些规则。
　　再一次引用W3C的内容（ www.w3.org/ TR/xhtml1/#xhtml）：
　　“XHTML家族是因特网进化的下一步。通过今天转移到XHTML上，内容开发者们能够走进XML的世界，获得它现有的全部好处，同时还能确保他们的内容具备对过去和未来的兼容性”。
　　这是个很好的出发点——对未来的兼容性。现在用XHTML编写页面，我们就能进一步保证这些页面在未来的浏览器和设备中仍然可用。
　　XHTML还被设计为可由最大数量的浏览器、设备和软件所识别。不管用什么来读取，XHTML代码都比用其他语言编写的代码更有可能被正确地解析。
　　不过，XHTML有一些规则。
　　在XHTML的世界里，要写出合法的代码，需要遵循更加严格的规则。所有的标签和属性名都必须用小写字母，属性值必须用双引号引起来，所有标签最后都必须是闭合的。有一些规则继承自XML。但这些规则是有好处的。
　　除了对未来的兼容性，通过坚持严格的规则，书写正确合法的XHTML，设计师和开发者们可以更容易地调试代码（在多个作者维护同一页面时尤其有帮助），而且页面在支持标准的浏览器中也更有机会被正确渲染。整本书中我们的示例都将采用XHTML。
　　结构化代码
　　整本书中你可能会发觉我经常使用“语义”（semantic）这个词。我还会经常使用“结构化代码”（structured
　　markup）。它们是可互换的。所谓语义，是指我们要尽可能使用那些表示“意义”（meaning）的标签，而不是表示“外观”的。你是在处理一个列表吗？那就用表示列表的代码。这是一个数据表格吗？那就用相符合的结构。..
　　通过用语义化代码构建页面，我们将更好地实现内容和表现相分离，这样页面就能更好地被正确理解——这是你所希望的——支持更多种类的浏览器和设备。
　　如同我前面提到过的，以前Web设计师们依赖于嵌套表格和占位图片来实现像素精度的布局。[ table ]标签用来标识页面上的每个成分，导致了大量的多余代码——还导致页面实际上无法用文本浏览器、小屏幕设备或者辅助性软件来浏览。这些臃肿的东西从过去到现在一直在阻塞Web。
　　贯穿本书的每一章，我都会说明语义化代码如何帮助页面变得更简洁、更富亲和力、更容易用CSS设定样式。
　　本书的起源
　　它开始得很单纯。我在我的个人网站上发布了一些简单的测验题。一个多项选择题，每个答案都实现相同或者相似的结果。为什么某种方法要比其他方法更好？这是测验问题的真正答案。
　　测验的目的是揭示每种方法的优点和缺点，要注意到，即使许多方法使用的是合法的代码，它们仍然不一定是最佳方案。读者们可以评论并留下自己的意见，通过这些讨论，我前面提到的“武器”就出现了。如果我们能够理解为什么（why）使用页面标题以及合适的列表是重要的，那么我们就能将这些东西应用到自己的日常项目中去。
　　还值得提及的是，我并非试图规定构建某些页面成分只能用一种方式——如同Web设计中的每样东西，要实现相同或相似的结果，有多种方式。使用最适合当前任务的——但通过理解不同方法的优点和缺点，你再遇到这些情况时就会做出最佳决策。
　　本书结构
　　本书分为两大部分，第一部分涵盖了和页面代码相关的话题，第二部分则着重于CSS。每一章都解答一个专门的问题，通常都会展示能实现同样结果的多种方法。我们会详细介绍每种方法，了解它们各自的优缺点。在许多章节的最后部分还有一节“实例秀”，进一步研究了与本章内容相关的更高级的页面代码和CSS话题。
　　我希望你喜欢本书——现在让我们开始吧。
　　致谢
　　我向下面这些在成书过程中给予我帮助的人致以诚挚的谢意：
　　Chris Miller很早就参与到我的写作中，给予我很多指导并确保整体进展。
　　Drew McLellan给了我极好的建议和指导，并付出了很大努力。
　　Apress/friends of ED出版社的许多人都为本书做了许多事，特别是Sofia Marchant，Ami Knox和Ellie Fountain。
　　Jeffrey Zeldman，没有他的话我不可能会写出本书，他为Web标准所做的贡献超过了任何人。
　　Douglas Bowman给了我无懈可击的设计灵感，他还证明了CSS布局在大型商业网站上也能工作得非常漂亮。
　　Dave Shea种植了那个美丽的花园（CSS Zen Garden），证明了CSS可以实现我们想要的任何效果。
　　Jason Kottke提出了关于“spark”的问题。
　　SimpleBits的访客们提供了很有价值的讨论，使我产生了撰写本书的想法。
　　Eric Meyer、Christopher Schmitt、Tantek Celik、Molly Holzschlag、Todd Dominey、Mike Davidson、Ryan Carver、Dan Rubin、D. Keith Robinson、Mark Pilgrim、Joe Clark、 Craig Saila、Nick Finck、Owen Briggs、Simon Willison、Ian Lloyd、Dan Benjamin和其他许多人，他们在Web标准社区里线上线下的贡献帮助了成百上千的人，我就是其中之一。
　　Web Standards Project的成员们，他们让所有的Web设计师和开发者都一直受益良多。
　　我在Fast Company and Inc.时的同事们——特别是Rob Roesler，他给我提供了很好的机会和支持；David Searson，我从他那里学到了太多太多；同样还有Bob Joyal；Paul Maiorana容忍了我的旅行强迫症；还有Daigo Fujiwara、Paul Cabana、Nick Colletta、Heath Row、Irina Lodkin、Carole Matthews、Becca Rees、Alex Ashton、Peter Wilkinson——以及Linda Tischer，是她将我带进了FC公司。
　　我的家人和朋友，以及最重要的——我的爱妻Kerry——感谢她对我无比的支持。
　　当然，还有你们，我亲爱的读者们。感谢你们的阅读！...