www.baike369.com
百科369 > CSS教程 > Web标准概述

Web标准概述


Web标准并不是一个强制性的规则,它只是W3C(World Wide Web Consortium,万维网联盟)提出的一个建议性的文档,它是一系列标准的集合。

这些标准大部分由W3C起草和发布,也有一些是其它标准组织制定的标准,比如ECMA(European Computer Manufacturers Association,欧洲计算机制造联合会)的ECMAScript标准。


Web标准概述

网页主要由3部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分为3个方面:

  • 结构化标准语言:主要包括XHTML和XML等。
  • 表现标准语言:主要包括CSS。
  • 行为标准:主要包括对象类型,如W3C DOM、ECMAScript等。

其中,结构是网页的骨架,将内容结构化可以使内容被检索、进行交互等,所谓结构化,简单地说,就是使用XHTML和XML将网页的内容显示出来。

内容就是访问者真正想了解的信息,它可以包含数据、文档或者图片、多媒体等。注意这里强调的“真正”,是指纯粹的数据和信息本身,而不包含辅助的信息,如装饰性的图片。结构化就是将没有格式的内容用HTML或者XHTML标签分割成不同的部分,使内容更加具有逻辑性、易用性,同时使内容可以由CSS来控制外观表现。

表现是网页的外貌,也就是最终呈现在浏览器内的样子,通过层叠样式表(CSS)来实现页面的不同表现。

虽然定义了结构,但是用浏览器浏览页面会显得很呆板,文字的颜色没有变化、没有背景图片、没有花边或者线条的修饰。而这些文字颜色、背景图片、文字的位置等用来改变内容外观的东西,称之为“表现”。

行为是对内容的交互及操作,例如判断用户填写的资料是否正确、根据不同的用户显示不同的内容等。

(X)HTML页面是由“结构、表现和行为”这3方面组成的。内容是基础,然后是附加上结构和表现,最后再对它们做点“行为”。


表现与结构的分离

只有实现了结构与表现分离,才能很好地实现数据的检索、交换以及易用性等。

结构与表现的分离是指将网页的结构中没有包含字体、颜色、背景图片等信息,然后将它们全部放置在一个指定的位置,而将表现(CSS)放置在另外的指定的位置,这个指定的位置也可以是单独的样式表文件。

这就是结构与表现的分离。


易用性

一个具有亲和力的站点对任何人来说,都能够对内容进行良好的显示。也就是说,网站应该可以被使用不同浏览器或浏览设备的人所访问,比如可上网的手机。

使用语义化、结构化的XHTML将是制作者创造易用性站点的最好的方法。

在制作具有易用性的站点时,要特别注意以下几点:

1. 避免使用框架

框架可以把浏览窗口分割成几个独立的部分,每部分都是由独立的HTML文档组成,虽然这样可以使用同样的头文件或者菜单,但是,使用框架将存在许多缺点:

  • 不利于搜索:从搜索引擎搜到网站的访问者很可能访问的是缺少了某些重要信息(导航链接)的文档。
  • 书签不可用:大多数浏览器不能在一个框架网站的页面上使用书签。当访问者打开书签后,将打开的是框架设置的默认地址,往往去的都是这个网站的首页。
  • 打印变得愈加的困难。许多访问者在打印文档的时候,同样会遇到问题。大多数的浏览器都会要求解开这个框架,否则不能打印。
  • 浏览设备的局限性:不使用图形化浏览器(它支持框架)的人将无法访问站点,例如使用手机的访问者,就无法获得他们感兴趣的内容。

因此,易用性准则不建议大家使用框架。

2. 表单

表单对于提供用户交互的意义很重要,但是不合适的表单设置往往使网页的亲和力大打折扣。例如,某个很难选中的单选按钮,或者一个很长的下拉菜单。

一个普遍的问题是用什么给表单布局。一些人说,可以把一个表单看作一个列表数据,可以用表格来构造,然而还有一些人提议用CSS来布局。两种方法都是可用的,但是如果你用的是表格,请确保这个表格是有意义的,而且要保证当一个包含表单的表格被线性后是可用的。一些相关的标签(如<label>、<fieldset>和<legend>)可以使表单更具有亲和力,更容易使用。

3. JavaScript和cookies

不要依靠JavaScript。许多访问者可能会认为如果禁用JavaScript,就可以更加安全地浏览网页或者可以避免弹出窗口;也可能某些访问者正在使用的浏览器根本就不支持JavaScript。

当然有一些例子显示JavaScript能够给访问者提供更好的体验。一个例子就是校验表单的输入。这并不是说不应该使用JavaScript,而是说不应该创建一个完全依靠JavaScript运行的网站。同样的事也适用于cookies。如果访问者不接受cookie,网站就拒绝运行,那么cookie就使用错了。


注意

1. DIV+CSS不等于Web标准

在页面内只有内容,没有任何样式。然后加入表现,将所有修饰的图片作为背景,用CSS来定义每一块内容的位置、字体和颜色等。

就是说,当你抽掉CSS文件,剩下的就是干净的内容。这样才能在文本浏览器、手机、PDA等设备中阅读,才能随时修改CSS实现改版。

2. 正确使用XHTML标签

XHTML标签只是用于定义结构。因此,对不同的内容使用正确的XHTML标签对于建立良好的文档结构是很重要的。

同时,不要滥用HTML标签。这主要体现在过渡嵌套使用标签上。虽然有时候为了达到更好控制内容及布局的目的,需要嵌套一些<div>或者<span>,但是不要任意地去嵌套,当嵌套了过多的<div>才能完成表现的时候,往往需要重新考虑HTML的结构和现用的方法是否合理了。

3. 表格本身并没有被抛弃

表格<table>并没有被抛弃,而是不要再用它来布局页面,表格仍有它从定义起就拥有的用途——存放表格性数据,例如,一个班级的学生成绩单或者一个仓库的库存商品。

4. 善于利用CSS

不要强迫用结构元素实现表现效果,而应该使用CSS来确定元素的外观。

对于多次引用的样式可以用class来定义,不需要每个元素都定义id;也不是一定要用<div>,有的内容完全可以用<p>来代替。

5. “通过验证”并不是最终目的

W3C校验仅仅是帮助制作者检查XHTML代码的书写是否规范,CSS的属性是否都在CSS 2的规范内。代码的标准化仅仅是第一步,并不是说通过了校验,网页就标准化了。

让网页具有良好的结构、更快的浏览速度、更友好的界面以及对更多设备的支持才是最终目的。

Copyright© 2011-2016 www.baike369.com All Rights Reserved