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

问题描述：

我已经继承了一些相当大的静态HTML文件，需要修复它们才能在基于webkit的浏览器（尤其是Safari）中工作。我发现导致渲染差异的一个常见错误是缺少</div>标签。（IE7 +和FF3 +似乎都忽略了这些，或者猜测关闭DIV的位置，并按预期呈现。）我习惯于使用vim和HTML语法突出显示进行编辑，但最终编写了awk脚本以匹配开始和结束标签。如何找到HTML中的不匹配标签？

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

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

我只是想知道如果你打开这样的文件Visual Studio会做什么...我自己从来没有这个问题。 – 2009-09-15 15:04:55

重复：“找到格式不正确的HTML的工具？” ：http：// stackoverflow。com/questions/1395560/tool-to-find-malformed-html – harpo 2009-09-15 15:08:14

@Workshop Alex：Visual Studio做你期望的事 - 它突出显示所有错误并将它们放入错误/警告列表中。相当好的工具来手动修复HTML，也是如果你需要符合特定的DTD或其他东西。 – OregonGhost 2009-09-15 15:17:34

答

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

感谢，我刚刚尝试了FireFox“HTML Validator”，它很棒。我对简单和有效性的渴望得到了满足。 – Smandoli 2009-09-15 16:35:09

没问题，但如果您满意，您的问题已解决，请记住将问题标记为已回答。 – Brandon 2009-09-15 16:42:07

@Brandon：我只是在等一下，看看还有什么其他的答案。 – 2009-09-15 17:20:15

答

w3c Validator可能（非常）详细，但它确实检查缺失的结束标记。

答

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

答

HTML Tidy是一个伟大的命令行工具。我经常使用它WGet

答

什么是你最喜欢的工具或技术匹配大HTML文件中的开始和结束标签？

一个文本编辑器，内置XML格式良好检查器，并结合使用XHTML的一切。

想知道你赞成哪些。 – Smandoli 2009-09-15 15:54:30

我曾经在Windows上使用EmEditor的其中一个插件。 – bobince 2009-09-15 16:52:16

答

的vim/gvim的&的NetBeans都做标记匹配

我已经按照“：help matchit”中的确切说明进行了操作，但％在vim（Cygwin）中仍然不起作用。 – 2009-09-16 18:05:21

很难说出了什么问题，你可以试试http://www.catonmat.net/blog/vim-plugins-matchit-vim/或者下载gvim for Windoze，而不是通过cygwin。 – 2009-09-17 11:46:25

@Mike，我在http://stackoverflow.com/questions/1440292上将我的投诉改为一个问题。随意回答。 – 2009-09-17 17:44:03

答

崇高文字与Tag plugin一个伟大的工作有一个标记林特功能，其目的是检查打开和关闭标签的正确性。

enter image description here

答

Div Checker是一个伟大的工具，它侧重于div标签明确。

虽然其他工具只能告诉我“某个标签在某处丢失”。
Div-Checker删除其他标签，代码和大多数注释，以创建一个干净的视觉结构，只是divs自己。
从这个div映射，很容易看出嵌套的div是否正确配对！
在这个工具的帮助下，我找到了一个由wordpress主题开发人员遗漏的缺少的div。

这里是来自@noah-whitmore的Posted Answer，这启发我这个真棒工具。

在该线程中还提到了其他一些有用的tools，例如unclosed-tag-finder（在视觉上不太容易阅读，但在缺少标记不是div的情况下会有帮助）。

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

相关推荐