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

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 62 ::
收藏到网摘: 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规定吧!