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规定吧!