利用插件来校验XHTML是否符合Web标准

2019-04-01 网页教学网 佚名 点击: 评论
大家对W3C提供的在线校验工具HTML Validator一定很熟悉了,通过它的校验甚至成了网页“符合标准”的唯一标志。我们暂且不讨论这种认识的误区,但W3C的这个校验工具确实是最

天晟网络小编整理设计教程 > web设计 > 时看到利用插件来校验XHTML是否符合Web标准,下面有小编26为你找到的15125相关内容希望对你26有所帮助。

大家对W3C提供的在线校验工具HTML Validator一定很熟悉了,通过它的校验甚至成了网页“符合标准”的唯一标志。我们暂且不讨论这种认识的误区,但W3C的这个校验工具确实是最权威也最准确。它严格地根据与页面相应的DTD 来校验XHTML代码,同时提供明确的错误提示帮助制作者纠错、改进。

这个在线校验工具也有它的局限性,就是——“在线”。如果你的页面在线,那么直接校验也还方便,如果是还在制作中的本地文件,那就需要上传才能校验了。另外网速也成为一件麻烦事,比如我的网站是架在自己家中,连到W3.org本来就慢,校验的时候还要等W3的服务器来我的服务器上抓取页面,这么一来一去可实在是让人头痛。

除去这个在线校验工具,W3C还有一个开源的软件:Tidy。它的主要功能是自动地把HTML代码转为XHTML代码,有些CMS系统就是用它在后台把用户提交上来的代码处理为较为干净并合标准的代码。在转换代码的过程中,它也会产生详细的错误报告。大约半年前,我开始使用Tidy,并试图把它写成MyIE的插件,方便随时对页面进行校验。无奈实在没有时间去研究MyIE那一大堆API,中途就放弃了。年初的时候突然在Firefox的网站找到一个基于Tidy的HTML校验插件,如获至宝,这个小插件也确实好用,在平常的工作中帮了大忙。奇怪的是好像很少看到有其他人提及这个工具,所以俺就来介绍一下。

先要安装这个插件(唉,又废话了……),可以到这里下载。装完后重启Firefox,可以在Tools(工具)->Extensions(扩展)中看到这个插件,如下:

Web标准:用Firefox浏览器的插件来校验XHTML


使用的方法嚎简单呀!随便打开个网页,再往Firefox的右下角瞄一眼,you can find this:

Web标准:用Firefox浏览器的插件来校验XHTML

它把不合规范的错误分成了Error(错误)和Warning(警告)两类。Error一般是比较严重的问题,比如标签嵌套错误。Warning的问题就多了,比如链接里的&没有写成&amp;等等。另外这个插件引入了Accessibility(可访问性)校验,默认情况下它是不校验可访问性的,比如<img>标签不加alt属性,在线校验是算错的,它就不管。如果你要打开可访问性校验,可以右键点击上面红框的区域,选Option,然后有一个Accessibility Level的选择,建议选Normal。当然了,你可能对自己要求比较严格,那就选3吧……不要被狂多Warning吓坏咯。Option里还有更多的选项,俺不多啰嗦,自己试试就晓得了。

另外一定要提的是,如果报告有错误,怎么知道是哪里有错了呢?Easy!双击上面红框区域,所有的错误和警告都列出来了。双击任意一条错误或警告,它会自动帮你定位到源代码的相应地方。

最后说一句,这个校验和在线校验并不完全一样。但是我们推广并实践标准并不是为了过校验,不是吗?如果你很在乎,建议平常在制作的时候用Tidy校验,最后再用在线校验复查一遍。

文章转载请注明来自天晟网络 > 设计教程 > web设计 >
原文标题:利用插件来校验XHTML是否符合Web标准
原文网址:http://www.timsion.com/webdesign/15125.html

关键词:标准 配色方案

上一篇:符合WEB标准的表单效果
下一篇:大型Web2.0站点构建技术初探

免责声明:以上内容来自互联网和用户投稿,不代表本站的观点和立场,版权归原作者所有,如有侵权,请与我们联系。