« 精准营销成为网络营销未来的发展趋势符合W3C标准的HTML 4.01实战! »

如何通过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.所有标签都必需使用小写

错误:HTML Title BODY FonT

正确:html title body font

2.所有卷标内之属性都要有值且不可省略双引号或单引号

错误:a href=index.htm连结/a

正确:a href=index.htm连结/a

若没有属性值就必需重复属性作为值, 如:

错误:frame noresize

正确:frame noresize=noresize

3.所有标签必须成对, 若非成对需加上/在最后

错误:li米奇li米妮li布鲁托

正确:li米奇/lili米妮/lili布鲁托/li

错误:br

正确:br /

4.一个网页最少要包含的标签

html

head

meta http-equiv=Content-Type content=text/html; charset=big5 /

title标题/title

/head

body

内容

/body

/html

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

meta http-equiv=Content-Type content=text/html; charset=big5 /

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

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

lt; gt;

若要显示于网页中的话

错误:

正确:amp;

6.卷标顺序不可错乱

错误:bp文字/b/p

正确:bp文字/p/b

7.批注文字中不可包含

错误:!米奇实在是-太可爱了

正确:!米奇实在是太可爱了

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

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

错误:img 正确:img 8.XHTML1.0文件标头加于第一行

一般网页:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

框架页:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd

验证

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

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

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

后记

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

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

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

举老师的教学网页当作例子, 除了首页之外, 大部份都不通过

左页选单的第39行未加双引号:

错误: aux1 = insFld(foldersTree, gFld(font color=blue中文/font输入))

正确: aux1 = insFld(foldersTree, gFld(font color=blue中文/font输入))

基础网页制作-01认识HTML中的图片卷标都未加上批注(较容易出现的错误第8点)

其实真的要符合W3C规定吗?符合W3C规定可以让你的网页用任何浏览器浏览都是一样的

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

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

发表评论:

搜索

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。