当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 如何通过W3C验证?

HTML/XHTML教程
CSS 循序渐进(四)表里春秋
精通 CSS 滤镜(五)
让css使网页图片半透明
实现页面图片阴影特效
发现CSS控件的好处
用CSS缩写给你的网站加速
CSS在IE和Nascape的显示差别
利用CSS,不通过replace替换标引HTML标记
拒绝单调 让网页超链接拥有多姿多彩的下划线
对CSS类及id的规范化命名
利用css里expression来实现界面对象的批量控制
利用CSS控制打印
第一章 CSS的基本认识
第二章 CSS的应用方式
第三章 CSS的应用补充
第四章 颜色背景的CSS
第五章 文字性质的CSS
第六章 区块性质的CSS
HTML之其他标记
HTML之链接标记

HTML/XHTML教程 中的 如何通过W3C验证?


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 99 ::
收藏到网摘: n/a


                         W3C除了订出各标签规定外, 还提供了验证功能,让网页的制作者检查是否真正都有依照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>米奇</li><li>米妮</li><li>布鲁托</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.卷标顺序不可错乱
错误:<b><p>文字</b></p>
正确:<b><p>文字</p></b>
7.批注文字中不可包含----
错误:<!--米奇实在是---太可爱了-->
正确:<!--米奇实在是太可爱了-->
8.图片卷标中都必需包含批注文字
批注文字就是当你把鼠标指针移至图片上时会出现的文字:
错误:<img src="mickey.jpg">
正确:<img src="mickey.jpg" alt="这张图是米奇" />
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规定吧!