W3C标准相关的知识介绍

网页是由html或xml语言写成的。就如任何语言,它们都包含一些法则或者标准,针对这些标准所进行的测试称做效验。Html的标准是World Wide Web Consortium(www.w3c.org)来制定的。这个组织帮助网站编辑者编写标准的网页,以便通过不同的浏览器,如IE、Firefox、Safari甚至Lynx都能完美阅读。

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

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

从HTML诞生至今,在协议不断发展的过程中,各大浏览器产商为了“鼓励”人们制作网页,从而“纵容”了人们各种各样的不良习惯。同时,它们为了占据“标准制订”的制高点,也不遗余力地发展出各种特性加入到HTML和相关的技术里。于是,有了现在乱糟糟的局面:各种各样语法错误的HTML都能够得到各种浏览器的很好的“支持”。而这样的局面如果任其发展下去,我们的WWW万维网今后就会一团糟。

W3C,万维网联盟,一个负责制订并维护着我们所熟悉的万维网的诸多标准和协议的组织(你可以通过 http://www.w3c.org 或者 http://www.w3.org 来访问它)在1999年12月24日在先前发布的HTML4.0版本的基础上修正发布了HTML4.01并将之作为建议标准。2000年1月26 日在HTML4.01的基础上发布了其XML版本XHTML1.0,并将之作为建议标准(之后发布的XHTML1.1作为候选建议标准)。

如何符合w3c规范?

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

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

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

网站W3C浏览器(w3c标准)兼容验证的方式

  验证同时也是保证搜索引擎免于遭遇网页中的编写句法的错误而不能理解网页内容,或者不明白网页中什么是重要的,什么不是。遵循W3C标准,也便于不同的网页设计者使用不同的网页设计工具来编写一个网站的不同网页,使得各个网页的结构得到统一。虽然许多网站没有遵循W3C标准也获得很好的排名,但是经过验证后,网站能保证你的网站式样不会被不同的浏览器改变,使得你网站的访问者看到的网页与你设计出来的完全一致。

  你可以在网页的最首段加入这一行来告诉你的访问者、浏览器、验证机制和搜索引擎的蜘蛛机器人你是遵循W3C标准的:

  验证的方法:
进入:http://validator.w3.org输入网址,一些不匹配的错误就将得到反馈。如果含有错误,按W3c标准说明要求进行修改,通过验证会提示:Jump To: Congratulations · Icons
This document was successfully checked as XHTML 1.0 Transitional!
即可将Xhtml认证标志放在网站上,如上图。

W3C标准以及XHTML和HTML

什么是W3C?
W3C ( World Wide Web Consortium ) 是一个致力于 W3 (World Wide Web) 标准化的组织,成立于1994年11月,目前(2007年5月)已经拥有441个会员,他们参与制作了以下与 W3 相关的标准:

CSS
CGI
DOM
HTML
RDF
SVG
SOAP
SMIL
SRGS
SSML
VoiceXML
WSDL
XACML
XHTML
XML
XML Events
XForms
XML Information Set
XML Schema
XPath
XQuery
XSLT

W3C 标准使全球的网页设计人员和浏览器制造商之间有了一个共同的标准,遵守这个标准的网页,在所有遵守 W3C 标准的浏览器上都可以获得一致的表现,由于世界上主流的浏览器(包括 IE6+),目前都遵守 W3C 规范,所以,如果您的网站是基于 W3C 标准建立的,您可以完全不必担心浏览器兼容问题。

在网站建设中会最常使用到那些标准?
网站建设中最常用到 W3C 标准有三个 CSS, HTML, XHTML。其中 HTML 和 XHTML 用来提供内容,CSS 用来对内容进行修饰。现今,HTML + CSS 或者 XHTML + CSS 已经成为最有效的网页表现形式,这种表现形式的本质是,将内容同修饰分开,这样便于创作者在更新内容的时候,不必关心修饰,而更新修饰的时候,不必理会内容。

浏览器在对网页进行解析的时候,必须参照相应的标准,现代的浏览器会使用不同的标准解析网页内容,因为网页的置标语言有 HTML 和 XHTML 之分,我们在将网页送给浏览器解析之前,必须告诉它我们用的是 HTML 还是 XHTML,这就出现了 DOCTYPE 的概念,DOCTYPE 放在网页的最前面,它有多种定义形式,以下为 XHTML STRICT DOCTYPE 的定义,该定义告诉浏览器,接下来的 HTML 文档使用 XHTML 1.0 作为置标语言,使用 strict 规范进行解析。

六种最常见的 DOCTYPE 定义

分别有三种 HTML DOCTYPE 和三种 XHTML DOCTYPE 构成了六种最常用的 DOCTYPE 定义,它们各有不同的侧重点,需要注意的是,其中的一些松散定义的目的是保持当前网站中的历史遗留(Legacy)网页同现代浏览器的兼容,采用松散定义的网页虽然在现代浏览器中仍能获得理想的表现,是因为浏览器进行了大量的容错处理,尽可能正确理解那些不和标准的网页代码,所以,如果您想从零开始进行网站建设,使用最严格的 DOCTYPE 可以保证您的网站将来不会出现兼容问题,因为浏览器对松散定义的网页的支持,将来未必能获得保证。

XHTML 1.0 Strict
XHTML STRICT + CSS 是目前公认最严格,最有前途的标准,使用该标准,可以保证您的网页拥有干净的置标代码,稳定的兼容性能和最广泛的浏览器支持,我们在后面的 SEO 部分中还会提到,这种标准的网页在 SEO 中也会获得好的表现。它的定义为:

XHTML 1.0 Transitional
正象 Transitional 这个意思所表明的那样,该标准是一种过度标准,旨在保持网站中历史遗留网页的兼容性,目前,该标准下的网页在各大浏览器中基本可以获得一致的表现,但将来是否会被继续支持却没有保证,另外,同样一个网页,使用该 DOCTYPE 解析的时候,显示正常,但改用 XHTML 1.0 Strict DOCTYPE 的时候,往往被解析的一塌糊涂,这说明 XHTML 1.0 Transitional 标准容许大量错误或不规范的代码存在,为您的网站留下隐患。它的定义为:

XHTML 1.0 Frameset
当您需要使用 Frame 将您的页面划分成几个窗口的时候,需要使用本标准,但 Frame 是一种过时的技术,它最大的弱点在于不被搜索引擎支持,除非您有十分充足的理由,否则我们不建议您使用 Frame。它的定义为:

HTML Strict
这种定义和 XHTML STRICT 一样,只是用 HTML 代替 XHTML。它的定义为:

HTML Transitional
和 HTML 一样,只是用 HTML 代替 XHTML。它的定义为:

HTML Frameset
和 XHTML Frameset 一样,只是用 HTML 代替 XHTML。它的定义为:

XHTML 和 HTML 有那些区别
使用 XHTML 并非想象中的那么难,事实上,XHTML 和 HTML 的区别并不大,这期间并不存在很高的学习曲线,您完全可以在很短的时间内掌握 XHTML 并最终取代 HTML。以下是二者主要的区别:

XHTML 中的元素之间必须按次序正确嵌套
在 HTML 中
Linka>

虽然不规范,但浏览器都可以正确解析,在 XHML,您必须严格这样写
Linka>

XHTML 中的元素必须包含结束标志
在 HTML 中,您可以这样写

This is paragraph one

This is paragraph two

或者这样写

在 XHML,您必须严格这样写
This is paragraph one
This is paragraph two

XHTML 必须使用小写
在 HTML 中,您可以这样写

在 XHTML 中,您必须这样写

XHTML 文档必须有根 Element
您必须保持文档的严密结构。
XHTML 元素的属性必须使用引号引起来
在 HTML 中,您可以这样写

在 XHML,您必须严格这样写

我们为什么建议使用 XHTML 替代 HTML
XHTML 简而言之,就是拥有 XML 规范的 HTML,将 XML 引入 HTML 的目的是改变 HTML 代码不够严格的问题,在我们的网络世界,到处充斥着劣质的 HTML 代码,这些代码的正确显示,取决于浏览器的容错能力,而我们对此是没有保障的。而 XML 要求您的内容必须严格按照规范进行置标,只有这样,我们才能获得结构严谨的文档,结构严谨的文档才能在各种浏览器中获得准确一致的表现,包括各种手持设备上的浏览器,我们知道,对手持设备而言,它们的浏览器没有那么强的处理能力来纠正 HTML 代码中的错误。同样, XHTML 完全向后兼容

10个常见W3C标准验证失败原因分析

W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员,我们告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。

不要担心验证程序的警告——如果验证程序说发现12处错误以及83处警告,不要理它,继续进行下一步。

一次更正一个错误——按顺序进展工作,从上到下,一次修正一个错误。HTML用浏览器从上到下浏览,这些错误也是按同样顺序显示。

每次修正代码后要刷新代码,使它们重新生效——一个小错误常常会引发之后整页的连串错误。因此如果操作不当,“修正错误”也可能引发更多错误。每次修正后使代码重新生效,这样就可以确保完全解决问题。

知道了上面这些基本的异常情况,下面我们就来看看版面设计无效的几个原因。

1、div 标签未关闭

这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时,总会大吃一惊。调查显示,开启的div标签是最普遍的版块设计失误之一,也是最难诊断的失误之一。验证程序有时会指向错误的开启div标签,诊断时就像大海捞针一样麻烦。

2、麻烦的embed标签

九十年代早期,Microsoft和Netscape的浏览器开始能够辨认非标准的独有字体。遗憾的是这意味着W3C验证程序还不能识别某些关键HTML 标签,如“embed”,即使这些标签已经被广泛使用。如果确实希望得到严格的DOCTYPE(文档类型)验证,就只能放弃嵌套。

如果同时想要生效的版面设计和嵌入式媒体,可以试试Flash Satay方法。

3、不当的DOCTYPE声明

不声明DOCTYPE,或者在文件开始错误声明DOCTYPE,也是一个常见错误。根据一般经验,Strict DOCTYPE是大家追求的最高级验证。Strict validation表明你的网页能够在所有浏览器上都得到最佳展示。Strict 声明代码如下:

4、结尾斜线

如果你的网站不能验证,很有可能是在代码的某个地方漏写了结尾斜线。我们很容易忽略结尾斜线之类的东西,特别是在image标签等元素中。例如:

在严格的DOCTYPE中这是无效的。要在img标签结尾处加上“/”以解决此问题。

5、Align标签

如果DOCTYPE被设为Transitional,你就会使用“align”标签,但如果要求更高一点希望得到Strict验证,你会看到很多错误。 Align是另一个不可用于版面设计的标签。可以尝试用“float”或者“text-align”来代替align转换元素。

6、JavaScript

如果已经声明Strict DOCTYPE,就需要在JavaScript中覆盖CDATA标签。验证程序的这一方面难倒了很多程序员,因为网站倾向于为广告和追踪脚本使用嵌入的 JavaScript。如果必须用到JavaScript,可以在其前后加上如下标签:

7、图像需要“alt”属性

你可能还没有注意到,图像也是高级验证的潜在绊脚石。除了结尾斜线,高级验证也要求用alt标签来描述图像,如alt= ”Scary vampire picture”。

搜索引擎也靠alt标签来识别网页上的图像,所以无论怎样加上alt标签总是好的。

8、未知实体数据

实体数据是又一个影响验证的易犯错误。我们可以考虑用适当的编码字符来代替“&”等符号。entire list中列出在XHTML版块设计中可用的适当的编码字符实体数据。

9、不良嵌套

嵌套就是元素里又包括元素

Sweet!

我们容易混淆嵌套元素的顺序。例如在div标签前启动strong标签,但又先关闭div标签。

点赞 (0)

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Captcha Code