W4D - 详细说明

第3条. 结构

当设计制作网页时,设计师确保他们的语法及结构在所写置标和代码中都要得到良好体现。

语义标签在文档中协助定位,在自动处理方面也非常有用。如果我们不按标签原始用途正确使用,或者不管文档结构任意使用的话,所有经文档传播的语义信息都会丢失,而结构化带来的好处也变的没有意义了。

读者在开始阅读内容之前,有可能有些需要知道的信息。

细节:代码应该遵循这样的信息顺序:开场 - 声明 - 其它信息。

访客访问站点的唯一原因就是我们提供的信息。其他信息必须处于主要内容之后,对访客而言他们首先感兴趣的是主要内容,然后才会关心其他的东西。如果第一眼没有看到主要内容,访客对页面的其他部分也就索然无味了。

细节:哪怕通篇文章只使用了一次标题,前言也要开门见山。此外,它包含的信息能够方便理解文章的意思和联系上下文。跟前言和主要内容不相关的东西都应该放到最后面。

必要的信息应该在主要内容之前就该出现,事实上,如果可能,就把主要内容放到必要信息的下面。那些必要信息可以确认文件的内容, 或把它置入周围文件的上下文中。上层标题通常起到这个作用。通常而言,标题就是文件的名字,在文件中也只能使用一次。

其他的一些容易被理解和使用的文件也可以放到前言中。比如一个指向文件内容的链接,一个多语种版本的链接,一个其他页面布局的链接(例如样式表)等等。一切读者不需要知道的东西都不必在开始出现。

用样式表可以改变页面的布局。本段的目标主要是想陈述页面的开端是多么重要。

网页的主体部分不应该包含与无用的语法或者信息有关的置标数值,也不要包含任何仅仅是为了突出视觉效果的内容。

文件中不要使用非语义标记。设计师必须假定文档介绍的任何可能方式。视觉特征可以由级联样式或者脚本来构成,可以使用<div><span> 这种“中立”标签,因为它们没有语义歧义或者有关的意思

细节:网页主体一定不要包含媒体对象或者图片,或者那些与有关信息等价的描述文本(这也是介绍的唯一目的)。

图表布局中的图片如果与所述信息没有任何关系,那么必须在文档中去除。它们可以用于级联样式的显示。只有当为了表达图表介绍时,图片中才可能包含一些文本,而且显示的一定不能是文档传达过的文字。