如何让您的网站符合W3C标准

来源：互联网发布：sql server下载安装编辑：程序博客网时间：2024/05/21 10:06

什么是W3C标准
作为网站技术开发人员而言，往往是站在自己的开发角度来实施网站布署(读取数据及开发的方便性等等)，而不是站在网站访问者与搜索引擎角度。因此大部分的网站在浏览方面不够直观或是方便，特别是现在w3c的规范，更是在大部分的网站开发人员脑里一片空白。何况百度、google、msn、yahoo等专业搜索引擎更有自己的搜索规则及判断网页等级技术，所以网站要优化，优化的目的只有一个：符合标准，符合蜘蛛爬行的标准，更重要的是符合网站访问者浏览的方便及易用性。
要知道W3C标准，有必要先弄清楚什么是W3C？

W3C其实就是World Wide Web Consortium，全球万维网联盟的简称。W3C的主要职责就是确定未来万维网的发展方向，并且制定相关的推荐（recommendation, 由于W3C是一个民间组织，没有约束性，因此只提供建议）。

什么是W3C标准?你的企业网站是否符合这个标准呢？

目前W3C标准已经成为高端客户设计网站的首选,我们知道国内上网者中，用IE浏览器的比较多，但从国内或全世界的上网客户来看，有些客户并不是用IE来上网浏览内容的，他们会用一些其它的浏览工具如： Netscape, Mozilla, FireFox，Opera等等，如果您的网站不是采用的w3c标准，使用其它浏览器的用户，就无法看到您的网站。即：此标准是国际上的通用标准，符合此标准的网站，能用任何浏览器来浏览您的网站。

如果您的网站不符合这个标准，那么一些客户就无法看到您的企业，您的产品，虽然这部分客户比较少，但也毕竟是一部分客户，丢掉任何潜在客户，对企业来说，都是损失。

从HTML诞生至今，在协议不断发展的过程中，各大浏览器产商为了“鼓励”人们制作网页，从而“纵容”了人们各种各样的不良习惯。同时，它们为了占据“标准制订”的制高点，也不遗余力地发展出各种特性加入到HTML和相关的技术里。于是，有了现在乱糟糟的局面：

如何符合w3c规范？

1、确保所有的标签都使用小写字母

2、确保所有的属性值都放在引号里

3、确保所有成对标签出现的顺序、不成对的标签都用/>结束, ”/”和”>”之间不要有空格

如何让你的站点标准起来,怎么改善现有网站

* 为页面添加正确的DOCTYPE

html5 的声明：

<!DOCTYPE html>

* 用小写字母书写所有的标签

XML对大小写是敏感的，所以，XHTML也是大小写有区别的。所有的XHTML元素和属性的名字都必须使用小写。否则你的文档将被W3C校验认为是无效的。例如下面的代码是不正确的：

正确的写法是：

<title>公司简介</title> 同样的，改成，改成等等。这步转换很简单。

* 为图片添加 alt 属性

为所有图片添加alt属性。alt属性指定了当图片不能显示的时候就显示供替换文本，这样做对正常用户可有可无，但对纯文本浏览器和使用屏幕阅读机的用户来说是至关重要的。只有添加了alt属性，代码才会被W3C正确性校验通过。注意的是我们要添加有意义的alt属性，象下面这样的写法毫无意义：

正确的写法：

* 给所有属性值加引号

在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。

例：height="100"，而不能是height=100。

* 关闭所有的标签

在XHTML中，每一个打开的标签都必须关闭。就象这样：

每一个打开的标签都必须关闭。 HTML可以接受不关闭的标，XHTML就不可以。这个规则可以避免HTML的混乱和麻烦。举例来说：如果你不关闭图像标签，在一些浏览器中就可能出现CSS显示问题。用这种方法能确保页面和你设计的一样显示。需要说明的是：空标签也要关闭，在标签尾部使用一个正斜杠"/"来关闭它们自己。例如： <img src="webstandards.gif" />

经过上述规则处理后，页面就基本符合XHTML1.0的要求。但我们还需要校验一下是否真的符合标准了。我们可以利用W3C提供免费校验服务（http://validator.w3.org/）。发现错误后逐个修改。在后面的资源列表中我们也提供了其他校验服务和对校验进行指导的网址，可以作为W3C校验的补充。当最后通过了XHTML验证，恭喜你已经向网站标准迈出了一大步。不是想象中的那么难吧！

以上大部分转载于 http://wlt2008-com.iteye.com/blog/1122618 。

我修改了小部分内容。

W3C是检验网页合格程度的一个国际标准，而符合了这一标准网站有些什么优势呢?

第一、兼容性

按W3C标准制作的网站可以在不同浏览器不同分辨率下正常显示，如IE6, IE7，Firefox, Mozilla, Safari, Opera等浏览器下都可以正常显示和浏览，甚至在更老版本的浏览器中也能正常显示基本结构，即使CSS/XSL样式无法解析，它也能显示出完整的信息和结构;

另外页面也很容易被转换成其他格式文档，例如数据库或者word格式,也容易被移植到新的系统--硬件或者软件系统，比如网络电视、PDA等等。这是XML天生具有的优势。而且不仅仅是普通浏览器可以阅读，那些有残疾的人们也可以通过盲人浏览器、声音阅读器正常使用。

第二、网页代码非常简洁干净，页面共用css，大大提高网页加载速度

按W3C标准制作的页面代码量小，可以节省带宽。这只是web标准附带的好处，因为DIV的结构本身就比TABLE简单，TABLE布局的层层嵌套造成代码臃肿，文件尺寸膨胀。通常情况下，相同表现的页面用DIV+CSS比用TABLE布局的节省2/3的代码。至于节省带宽的意义，并不主要针对普通用户，而主要针对网站经营者，特别是中大型网站，类似新浪、网易这样的站点。一个新闻首页从500K缩小到170k，假设一天的pageview是3000万(保守数字)，那么节省的服务器流量就是330k*30000000=9440G，这个成本的节约是可观的。

第三、向后兼容性

按W3C标准建立的页面，将在未来的新浏览器或者新网络设备中很好的工作。我们只要修改CSS或者XSL定制相应的表现形式就行了。

第四、搜索引擎友好性

按W3C标准制作的网站，对搜索引擎更加“透明”，因为良好清晰的结构使得搜索引擎能够方便的判断与评估信息，从而建立更精确的索引，提高关键词排名，增加网页收录数。

第五、符合国际趋势

为残障人士提供方便的网络浏览是美国及欧洲一些国家的法律规定，由于web标准页面的清晰结构、语义完整，一些相关设备能很容易的正确提取信息给残障人士。因此，方便盲人阅读信息也成为web标准的天生好处之一。

阅读全文

0 0