建立基础
在你深入CSS之前,你的web页面必须有一个明确的架构。在你阅读这本书之前,很可能你已经了解到架构与表现分离的思想。如果你还不是很熟悉这一思想的话,我可以告诉你,以CSS为基础的设计有一大好处就是这样做有助于首先保证你的页面架构具有足够的亲和力,然后,你在页面上添加的各种式样才能够使它锦上添花。
Note
只有对HTML达到一定程度的熟悉,我们才能够知道,在某一特定的情况下,需要使用什么样的元素。我们推荐的是Dan Cederholm的网页标准解决方案:The Markup and Style Handbook (Friends of ED, 2004)为我们提出了一些建议,使我们能够如解决现实世界中的架构问题般解决网页的架构。
长久以来,如何制订一个web页面的架构也就意味着如何选择基本的HTML语言以及如何表现它。如果你想要让文字表现出交错的形式,你可能会使用<blockquote>标签,然而,使用<blockquote>有一个坏处就是破坏了文字原本的格式,使用<blockquote>事实上根本不是一种引用,而是利用了它的文字缩进的功能. 虽然达到了目的,但是这种方法并不可取. CSS则为页面上的文字提供了真正意义上的”交错”.
在CSS之下,定义页面的架构的正确方法是在正确的地方,使用适当的元素来定义, 我们选择这些元素的方式的凭据, 应该是它们的真实含义, 而不是它们的表现形式.
在使用CSS的实际设计中, 我们的目标是把所有的与格式或设计相关的代码存放在CSS文件中, HTML只成为辅助设计的途径. CSS在设计工作中, 担任了规范现有格式, 并在其上添加各种元素的功能, 而HTML的使命仅仅是提供了网页结构的定义.
读者能够领会我们为何在这篇文章中对网页”架构”花费了如此大的精力? 或者说,能否领会本文中”架构”的意义?