Xhtml第12天：校验及常见错误搞代码

辛苦了好多天，我们努力学习使用xhtml+css来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准？w3c和一些志愿者网站提供了在线校验程序，来帮助我们检查页面是否符合标准，并提供了修正错误的帮助信息。这些校验非常有用，是我调试页面第一步要做的事情。

1.xhtml校验

校验网址：http://validator.w3.org/
校验方式:网址校验、文件上传校验

校验成功，会显示"this page is valid xhtml 1.0 transitional!",如图：

Xhtml第12天：校验及常见错误

校验失败，会显示更多校验选项和错误信息，如图：

Xhtml第12天：校验及常见错误

一般选择"show source"和"verbose output"可以帮助你找到错误代码所在行和错误原因。

xhtml校验常见错误原因对照表

no doctype found! falling back to html 4.01 transitional–未定义doctype。
no character encoding found! falling back to utf-8.–未定义语言编码。
end tag for "img" omitted, but omittag no was specified–图片标签没有加"/"关闭。
an attribute value specification must be an attribute value literal unless shorttag yes is specified–属性值必须加引号。
element "div" undefined—div标签不能用大写，要改成小写div。
required attribute "alt" not specified—图片需要加alt属性。
required attribute "type" not specified—js或者css调用的标签漏了type属性。

其中最最常见的错误就是标签的大小写问题了。通常这些错误都是关联的，比如忘记了一个</li>其他<li>标签都会报错，所以不要看到一堆的错误害怕，通常解决了一个错误，其他的错误也都没有了。如果你的页面通过xhtml1.0校验，可以在页面上放置这么一个图标：

代码如下：

2.css2校验

校验网址：http://jigsaw.w3.org/css-validator/
校验方式:网址校验、文件上传校验、直接贴入代码校验

校验成功，会显示"恭喜恭喜，此文档已经通过样式表校验! ",hoho,校验信息支持中文噢。如图：

校验失败，会显示两类错误：错误和警告。错误表示一定要修正，否则无法通过校验；警告表示有代码不被w3c推荐,建议修改。

css2校验常见错误原因对照表

(错误)无效数字 : color909090 不是一个 color 值 : 909090 —十六进制颜色值必须加"#"号，即#909090
(错误)无效数字 : margin-topunknown dimension : 6pixels —pixels不是一个单位值，正确写法6px
(错误)属性 scrollbar-face-color 不存在 : #eeeeee — 定义滚动条颜色是非标准的属性
(错误)值 cursorhand不存在 : hand是非标准属性值，修改为cursor:pointer
(警告)line : 0 font-family: 建议你指定一个种类族科作为最后的选择 –w3c建议字体定义的时候，最后以一个类别的字体结束，例如"sans-serif"，以保证在不同操作系统下，网页字体都能被显示。
(警告)line : 0 can’t find the warning message for otherprofile –表示在代码中有非标准属性或值，校验程序无法判断和提供相应的警告信息。

同样，通过检验后，可以放置一个css校验通过图标，代码如下：

欢迎大家阅读《Xhtml第12天：校验及常见错误》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Xhtml第12天：校验及常见错误

Hi，您需要填写昵称和邮箱！