关于比notepad++更好地跟踪div的软件的问题答案

【问题标题】：Question about software that tracks divs better than notepad++关于比notepad++更好地跟踪div的软件的问题
【发布时间】：2010-05-17 18:46:25
【问题描述】：

我最近被聘为一名网络开发人员，而我正在监督的项目在其中一个页面上存在格式问题，因为其中一个 div 不正常。这是一个相当复杂的页面，包含相当多的 php，据我所知，我在某处缺少</div> 标签，因此一切都搞砸了。

我目前正在使用notepad++，它在排列div方面很不错，这意味着如果你点击开始的div标签，它会突出显示紫色，也会突出显示结束的标签。但似乎如果你有跨越几行（数百行）的 div 标签，它就不起作用了。

有没有人遇到过类似的情况？有没有更好的编辑器可以让我更好地帮助我解决 div 问题？或者我是否必须通过并按 1 排列 div？（大约有 100 多个）。请告诉我！！谢谢

【问题讨论】：

【解决方案1】：

我想建议的另一种方法是通过验证器运行您的页面，例如http://validator.w3.org 的 W3C 服务

HTML Validator 是 Firefox 的一个插件，它可以通过本地验证器自动运行您的页面，并通过状态栏中的图标通知您任何问题。

【讨论】：

【解决方案2】：

您需要一个能够检测并突出显示标记中的语法错误（以及有效性）的编辑器。有许多。我使用 ActiveState (www.activestate.com) 中的 Komodo Edit

【讨论】：

【解决方案3】：

一个跨平台的解决方案是 Eclipse (PDT)。它带有一个漂亮且方便的 html 编辑器。对于快速文件更改和修补程序，我使用 TextMate - 但这仅适用于 OS X :(

【讨论】：

【解决方案4】：

有时，当我尝试清理/调试疯狂的 X/HTML 时，我会将其放入 XML 编辑器并让它为我做一些匹配/格式化。我个人的选择是 Altova 的 XMLSpy。它不是免费的（见鬼，它甚至都不便宜），但我真的很喜欢它的强大功能。您可以从他们的网站下载免费演示，看看它是否对您有帮助。

【讨论】：

【解决方案5】：

就像其他人所说的，使用像 Eclipse 这样的免费编辑器。在 Eclipse 中打开 HTML，然后按 CTRL+SHIFT+F，它将格式化和缩进代码，就像 Notepad++ 所做的那样。

【讨论】：

【解决方案6】：

这个页面已经在公共区域上线了吗？如果是，您是否尝试使用 W3C 验证器 http://validator.w3.org/ 验证 HTML/XHTML，它可能会告诉您缺少封闭 DIV 标记的确切行。

更新：您还可以将页面的代码直接复制并粘贴到验证器中并进行验证：您在页面上使用浏览器，然后从浏览器菜单中选择“查看源代码”，而不是复制和粘贴代码进入 W3C 验证器。

【讨论】：

【解决方案7】：

您可以尝试使用更“强大”的编辑器，例如 Eclipse 或 Netbeans。我的大部分 HTML / PHP 开发都使用 Netbeans，它在突出匹配标签方面做得很好。

【讨论】：

【解决方案8】：

Vim + matchit plugin

【讨论】：

【解决方案9】：

我使用http://users.rcn.com/creitzel/tidy.html#tidyui 来修复html。

【讨论】：