你如何在HTML中找到不匹配的标签？

Question

我继承了一些相当大的静态HTML文件，需要修复它们才能在基于webkit的浏览器中工作，特别是Safari。我发现导致渲染差异的常见错误之一是缺少</div>标记。 （IE7 +和FF3 +似乎都忽略了这些，或者对关闭DIV的位置进行了很好的猜测，并按预期进行渲染。）我习惯使用vim HTML语法高亮进行编辑，但最终写作awk脚本匹配开始和结束标记。

在大型HTML文件中匹配开始和结束标记的最佳工具或技术是什么？

更新：我目前在一家针对HTML 4.01严格而不是XHTML的商店。

Answer 1

W3C HTML Validator工作得相当好，或者如果你想要一些更简单的东西，那么Tidy FireFox插件也可以。

Answer 2

w3c Validator可能（非常）详细，但会检查是否缺少结束标记。

Answer 3

HTML Tidy是一个很棒的命令行工具。我经常将它与WGet

一起使用

Answer 4

大多数IDE通常会通过突出显示，模糊下划线或警告来通知您。

Answer 5

vim / gvim＆amp; NetBeans在标记匹配方面做得很好

Answer 6

  

在大型HTML文件中匹配开始和结束标记的最佳工具或技术是什么？

带有内置XML格式良好检查器的文本编辑器，结合使用XHTML处理所有内容。

Answer 7

带有Tag plugin的Sublime Text有一个Tag Lint功能，旨在检查打开和关闭标签的正确性。

Answer 8

Div Checker是一款专注于div标签的强大工具。

虽然其他工具只能告诉我＆＃34;某些标签在某处丢失了＃34; Div-Checker删除其他标签，代码和大多数注释，以创建一个只有div本身的干净视觉结构 从这个div图中，可以很容易地看出嵌套的div是否正确配对！ 在这个工具的帮助下，我能够找到一个由wordpress主题开发人员遗漏的遗漏div。

以下是来自@ noah-whitmore的Posted Answer，让我了解了这个非常棒的工具。

该线程中还提到了一些其他有用的tools，例如unclosed-tag-finder（在视觉上不那么容易阅读，但如果您的遗失标记不是div，则会很有帮助）。