从很多方面来说.pdfVIP

第一章 HTML 与CSS 从很多方面来说，层叠样式表（Cascading Style Sheets ，CSS ）规范代表了万维 网历史上一个独特的发展阶段。从最大限度地使结构文档样式化的根本能力上来 说，CSS 算是前进了一步，也算是后退了一步—— 但这是很好的一步后退，而 且是必需的一步。要想知道其原因，首先有必要理解网络为何需要CSS 这样的东 西，以及CSS 是怎样使网站更适合于网页制作者和网上冲浪者的。 网络的由盛到衰 追溯到网络发展的早期（1990 －1993），HTML 还是一种很贫乏的微型语言。它 几乎全由结构化元素组成，这些元素对于描述段落、超链接、列表及标题非常有 用。但像表格、框架或者是我们认为在创建网页时很有必要的一些复杂的标记却 没有包含在内，甚至连边儿都未沾上。通常认为，HTML 是一种结构化标记语言， 用于描述文档的不同部分。至于这些部分应该怎样去显示，HTML 却很少去关注。 所以这种语言并不关心文档的外观，它仅仅是一种纯粹的小的标记系统。 然后Mosaic 出现了。 突然，对于几乎所有上网超过十分钟的人来说，万维网的力量是显而易见的。从 一个文档跳到另一个文档，只需让鼠标指向一个特殊颜色的文本或者是图像，然 7 8 第一章 后再轻轻点击鼠标即可。甚至，文本和图像可以在一起显示，而且要创建网页所 需的所有工具只是一个纯文本编辑器。这就显得非常自由、非常开放，而且网页 的外观也非常漂亮。 于是网站开始到处萌生。个人杂志网站、大学网站、公司网站及其他各种各样的 网站纷至沓来。然而，随着网站数量的增加，对产生新的网页效果的HTML 标签 的需求也相应增加了。网页制作者也就开始有了使用粗体或者斜体文本的需求。 当时，HTML 并不具备处理这类需求的能力。读者可能需要强调一小部分文本， 但你无法保证它一定变为斜体 ——或许粗体，甚至是不同颜色的正常字体，这 依赖于用户的浏览器及其设置。但是没有任何措施能保障制作者所创作的就是读 者所看到的。 由于种种压力，像B和I这样的标记元素开始引入到语言中。突然，一种结 构化语言开始出现了。 乱作一团 几年后，我们同时也继承了这个过程所带来的内在缺陷。例如，HTML 3.2 和 HTML 4.0 的大部分内容都专注于外观上的考虑。至于通过FONT元素来控制文本 颜色和大小，对文档和表格应用背景颜色和图像，对表格单元内容的分隔和填充 以及使用闪烁的文本字符，所有这些都成了最初要求“尽量控制！”所带来的产 物。 想知道为什么这是一件坏事吗？不妨对某公司网站的网页中的标记进行观察。把 那些大量的标记同有用的信息进行比较，可能会令人大吃一惊。更坏的是，对于 大多数网站来说，表格和FONT标签几乎组成了整个标记网页，但它们没有表达任 何真正的意义。而从结构的立场来看，这些网页仅比随机的字符串好那么一点点。 例如，假设有个页标题，制作者使用的是FONT标签而不是像H1这样的标题标签， 如下： FONT SIZE=+3 FACE=Helvetica COLOR=redPage Title/FONT HTML 与CSS 9 从结构的观点来说，FONT标签毫无意义，这使得文档几乎无用。比如，FONT标 签会给支持语音的浏览器带来什么好处呢？如果制作者使用标题标签而非FONT标 签，那么语音浏览器还可以用某种语音格式来读取标题文本。但是对于 FONT标 签，浏览器却没有办法区分不同的文本。 制作者为什么要这样使用呢？因为他们想让读者看到的网页跟他们设计的一样。 使用结构化的HTML 标记将会放弃对网页外观的许多控制，而且理所当然地不允 许过去几年中曾流行的那种密密麻麻的网页设计。 那么问题出在哪里呢？考虑下面的因素： ● 非结构化的网页使内容索引变得很难。一个真正强大的搜索引擎应该允许用 户按页面标题搜索，或者是页面内的子标题，或者仅仅是段落文本