Dirty Markup:一个在线精简修复网页文件的工具

发布于: June 5, 2009, 8:33 pm 分类: HTML/CSS/JavaScript 作者: Saturn

Dirty Markup 是一个abeautifulsite推出的在线修复、整理网页文件的工具。

它能够自动修正一个网页文件中潜在的错误HTML或XHTML写法，同时规范化网页源文件布局；使其尽可能符合W3C规范，让一个网页文件最大限度的兼容多浏览器。

用一个例子来说明Dirty Markup的用法。

首先，我写了一个很简单的错误的HTML布局代码。

<div id=h> 
<font color=red><p>www.cnSaturn.com</p>
</font>

以上HTML代码至少有两处错误：

  1. div标签未闭合
  2. 块级元素p被font标签所包含

以上HTML代码还至少有两处安全隐患会导致它在不同浏览器中表现不同：

  1. 不是一个完整的HTML文件
  2. 标签的属性对应的值未使用双引号

如果使用Dirty Markup，我们会发现它给出的新HTML文件的建议写法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
        <div id="h">
            <p>
                <font color="red">www.cnSaturn.com</font>
            </p>
        </div>
    </body>
</html>

以上我所描述的潜在问题都已经成功修复！

可见，当我们需要检查实际项目中的HTML文件代码规范性时，这个Dirty Markup工具就显得非常有用了。

相关日志:

标签: html

回应此文

你也可以选择引用此文章.