如何find未closures的div标签

一个未公开的div问题几乎让我发疯。 特别是当页面长而复杂时,很难跟踪。

有什么build议么?

如前所述,通过W3C Validator运行你的代码是很好的,但是如果你的页面很复杂,你可能还不知道在哪里可以find打开的div。

我喜欢使用制表符缩进我的代码。 它保持视觉上的组织,使这些问题更容易find,孩子,兄弟姐妹,父母等…他们会更加明显。

编辑:另外,我会用一些HTML注释来标记复杂区域中的结束标记。 我把这些保持在最低限度。

<body> <div> Main Content <div> Div #1 content <div> Child of div #1 <div> Child of child of div #1 </div><!--// close of child of child of div #1 //--> </div><!--// close of child of div #1 //--> </div><!--// close of div #1 //--> <div> Div #2 content </div> <div> Div #3 content </div> </div><!--// close of Main Content div //--> </body> 

我做了一个名为Unclosed Tag Finder的在线工具,它可以满足您的需求。

粘贴在你的HTML,它会给你输出像“第188行closures标记不符合第62行开放标记”。

万维网联盟HTMLvalidation器非常适合捕捉HTML错误。

我知道已经有一些很好的答案,但是我用Googlesearch来看到这个问题,我希望有人会指出这个在线检查工具。

http://www.tormus.com/tools/div_checker

您只需input一个url,即可显示网页的整个地图。 对于像我需要的快速debugging非常有用。

使用记事本++。 你可以很容易地find它们

http://notepad-plus-plus.org/download/

或者你可以查看来自FIREfox的源代码 – 未封闭的 div将以红色显示

1-计算记事本++中<div的数量(Ctrl + F)
2-计数</div的数量

比较两个数字!

如果您使用Dreamweaver,则可以轻松注意到未closures的div。 在代码视图的左窗格中,您可以看到<> highlight invalid codebutton,单击此button,您将注意到未locking的div突出显示,然后closures您的未封闭的div。 按F5刷新页面,看到有任何其他未公开的div在那里。

您也可以在Dreamweaver中validation您的页面。 File>Check Page>Browser Compatibility ,然后将出现任务窗格点击Validation ,在左边你会看到►button点击这个validation。

请享用!

进一步考虑Milad的build议,你可以打破你的文档源,然后做另一个发现,直到你find无可匹敌的罪魁祸首。

在使用多个模块(使用CMS)时,或者无法访问W3C工具(因为您在本地工作)时,此方法非常有用。

Div标签很容易find我。 只需下载文件,用netbeans扫描它,然后继续debugging。 或者您可以使用Google Chrome浏览器开发工具包,并查看页面源代码。 我是一个奇怪的开发者,我并不总是使用“最好”的东西。 但它对我有用。

我会把你和我使用的一些开发者的东西联系起来

http://www.coffeecup.com/free-editor/

http://www.netbeans.org

那些仅仅是那些好的几个。 D.我打开这个清单的更多build议:D

开心编程

-skycoder