5.2 使用Firefox扩展验证HTML内容


5.2使用Firefox扩展验证HTML内容

当前的浏览器都能很好地实现W3C DOM标准。只要创建的内容能遵循标准HTML或XHTML,就几乎能得到所有浏览器的支持。

不过通常说起来简单,做起来就不那么容易了。不同于C++或Java这样的编译语言,HTML没有编译器可以将人可读的代码翻译为机器可读的

二进制代码,要由Web浏览器将人可读的HTML或XHTML代码解释成DOM的内部表示,并适当地将这个内容展现在屏幕上。

20世纪90年代末,浏览器之争使得浏览器开发商(如Microsoft和Netscape)纷纷增加了一些专用的HTML标记,以扩大自己的市场份额。出

于这个原因,再加上HTML没有严格的编译器,这就导致了大量非标准Web页面的出现。当前的浏览器尽管支持最新的W3C标准,不过也会尽可能

地“通融”写得不好的HTML页面。根据HTML页面的doctype(如果有的话),大多数浏览器都有两种呈现模式:strict(严格)和quirks(怪异

)。当doctype指示Web页面应遵循某个W3C推荐规约(如HTML 4.1或XHTML 1.0)编写时,Web浏览器就会使用strict模式;当没有doctype,或

者页面与指定的doctype有很多冲突时,Web浏览器就使用quirks模式。

作为一名开发人员,应当尽力创建遵循某种W3C标准的页面。这么做不仅使你的Web页面在所有现代Web浏览器上可访问,而且由于浏览器可

以根据HTML代码创建准确的DOM表示,这也能让你的日子更好过。如果页面写得不好,浏览器可能无法创建DOM的准确表示,就会使用quirks模

式来呈现页面。DOM表示不正确,就很难通过JavaScript来访问和修改,特别是无法以跨浏览器的方式来访问。

由于HTML没有严格的编译器,怎么确保你写的HTML代码遵循W3C标准呢?幸运的是,Firefox Web浏览器已经有几个扩展,可以很容易地验

证你的Web页面。

5.2.1HTML Validator

HTML Validator[1]是一个Firefox扩展,它能查找并标志出HTML页面上的错误。HTML Validator以Tidy为基础,Tidy最初是W3C为验证HTML代码开发的一个工具。HTML Validator把Tidy工具嵌入在Firefox中,这样就能在浏览器中验证页面的源代码,而不必把代码发给第三方进行验证。

Tidy会查找HTML错误,并把这些错误归为3类:

l错误(error):Tidy无法修正或理解的问题。

l警告(warning):Tidy可以自动修正的错误。

l可访问性警告(accessibility warning):这些HTML警告对应W3C Web可访问性计划(Web Accessibility Initiative,WAI)定义的3个优先级。

HTML Validator在浏览器的右下角显示页面的状态以及错误个数,从而能在开发周期中提供很快的反馈(见图5-2)。

如果选择View→Page Source菜单项查看Web页面的源代码,HTML Validator还能提供更多的帮助。Firefox的view-source(查看源代码)窗口会正常打开,不过还将启用HTML Validator,这个窗口中包括两个新的窗格(见图5-3)。HTML Errors and Warnings(HTML错误和警告)窗格列出在页面中找到的所有错误。点击列表中的任何错误项,源代码主窗口就会显示HTML源代码中有问题的代码行。Help(帮助)窗格详细描述了这个问题,并提供一些修正这个问题的建议。

Firefox的view-source窗口的底部包括一个Clean up the Page(清理页面)按钮。点击这个按钮后将打开一个窗口,这个窗口中显示的内容能进一步帮助你修正页面上的错误(见图5-4)。Clean up the Page窗口打开后,窗口的最上面有4个标签:Cleaned Html(清理后的HTML)、Original Html(原来的HTML)、Cleaned Browser(清理后的浏览器)和Original Browser(原来的浏览器)。

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3