2009-09-15 92 views
11

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

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

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

+0

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

+1

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

+2

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

回答

10

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

+1

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

+0

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

+0

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

2

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

0

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

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

+0

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

+0

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

1

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

+0

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

+0

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

+0

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

0

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

enter image description here

0

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

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

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

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