网站如何通过W3C认证?(转)

W3C除了订出各标签规定外, 还提供了验证功能,

让网页的制作者检查是否真正都有依照W3C规定 如何达成W3C XHTML1.0标准网页

目前较常用的以XHTML1.0及HTML4.01为主

由于XHTML1.0是由HTML4.01演变而来, 几乎算是HTML4.01的修正版

若以严格角度来看的话, XHTML1.0算是较严格的了

虽然XHTML1.0和HTML4.01的规则十分相似, 但由于XHTML1.0是后者的修正版

前者的规定当然会较HTML4.01来得严格较容易发生之错误

1.所有标签都必需使用小写

错误: <BODY> <FonT></p><p>正确:<html> <title> <body> <font></p><p>2.所有卷标内之属性都要有值且不可省略双引号或单引号</p><p>错误:<a href=index.htm>连结</a></p><p>正确:<a href=”index.htm” mce_href=”index.htm”>连结</a></p><p>若没有属性值就必需重复属性作为值, 如:</p><p>错误:<frame noresize></p><p>正确:<frame noresize=”noresize”></p><p>3.所有标签必须成对, 若非成对需加上/在最后</p><p>错误:<li>搜索引擎营销<li>米妮<li>布鲁托</p><p>正确:</p><li>搜索引擎营销</li><li>米妮</li><li>布鲁托</li><p>错误:<br />正确:<br />4.一个网页最少要包含的标签</p><html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=big5″ /> <title>搜索引擎营销 内容

说明:通常中文网页以big5编码, 需加上以下这行于

之间:

5.若要显示【<】【>】【&】的话, 需以其它值输入

例如要显示< >于网页中的话, 需填入:

< >

若要显示&于网页中的话

错误:&

正确:&

6.卷标顺序不可错乱

错误:文字

正确:

文字

7.批注文字中不可包含—-

错误:

正确:

8.图片卷标中都必需包含批注文字

批注文字就是当你把鼠标指针移至图片上时会出现的文字:

错误:

正确:”这张图是米奇”

8.XHTML1.0文件标头加于第一行

一般网页:

框架页:

验证

W3C提供网页或上传验证, 进入后填入网址

若不成功则会出现红色警示, 并会告知哪里有错误, 再依错误慢慢修改

W3C标准验证网页:http://validator.w3.org/后记

讲到这里, 你有没有试着把其它的人网址贴上去验证看看呢?

因为大部份网页是制作给IE使用者, 所以几乎都不会完全通过W3C, 只要IE可以正常显示即可

若你已经试着把我的网页的任何一页都贴上去的话, 应该都会通过验证

举老师的教学网页当作例子, 除了首页之外, 大部份都不通过左页选单的第39行未加双引号:

错误: aux1 = insFld(foldersTree, gFld(”中文输入”))

正确: aux1 = insFld(foldersTree, gFld(”中文输入”))

基础网页制作-01认识HTML中的图片卷标都未加上批注(较容易出现的错误第8点)其实真的要符合W3C规定吗?符合W3C规定可以让你的网页用任何浏览器浏览都是一样的

像有人如果针对IE在做网页的, 用Firefox浏览时可能就会出现不少与原来不同的设计

所以, 尽量符合W3C规定吧!

今天看到shawn总结了xhtml 无法通过W3c认证的7个原因 ,看你是否也出现了类似的问题呢?

1. 结构。最常见的错误比如:

里面包含

;li 标签不能独立使用等;

错误代码:

1.end tag for element "P" which is not open.
1.document type does not allow element "LI" here; missing one of "UL", "OL", "DIR", "MENU" start-tag.
2. 字符。在标准网页代码是像 & < > 等符号是不能出现,必须用相应的相应的编码来代替,具体大家可以google下!

错误代码:这个错误可能会比较多,下面只是一个例子。

1.character "&" is the first character of a delimiter but occurred as data.
3. 混合。脚本混合在 html 里面容易出错。但是非要混合也没关系,用 /*

4. 习惯。 的 target 是习惯,可惜 target 即将成为历史;

1.there is no attribute"target".
5. 马虎。比如给了开头却忘了封口。有时候 N 个错误的原因都源自同一个马虎的”未封口”;

6. 常识。id 是唯一的,只能存在一处,class 无所谓;

1.ID "a" first defined here.
1.ID "a" already defined.
7. 图片。插入图片后不要忘记 alt/width/height, 最好忘记 align/border。alt 是必须加的,width/height好像还没有关系,不过加上的话会帮浏览器更快地定位图片大小,显示更快些!

1.required attribute "alt" not specified.
良好清晰的结构不仅仅让人赏心悦目,Google 也更喜欢符合标准的页面。所以能够通过认证的页面肯定比认证失败的页面有更好的 SEO 效果。大家的网站通过w3c 了吗?

相关文章

已有 6 条评论
  1. mybg

    我才懒得管啥标准呢、、
    再说想改动,可我不会。

    能用就行,呵。

    mybg 回复
    1. 瑶哥

      @mybg

      如果会改还是按标准好,听说对SEO有利,不过我也不会改

      瑶哥 回复
  2. joyla

    难道被引领W3C认证潮流了??

    joyla 回复
    1. 瑶哥

      @joyla

      被你感染了,看到你在typecho里提到这东西所以就上网查了一下,不过我发现很多大的网站都是没有通过W3C认证的

      瑶哥 回复
      1. joyla

        @瑶哥

        啊哦 看来的小博还有有那么点点影响力呢!呵呵

        joyla 回复
  3. joyla

    我沙发了再说 哈哈!

    joyla 回复
发表新评论取消回复