如何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非常有用。
1-计算记事本++中<div
的数量(Ctrl + F)
2-计数</div
的数量
比较两个数字!
如果您使用Dreamweaver,则可以轻松注意到未closures的div。 在代码视图的左窗格中,您可以看到<>
highlight invalid code
button,单击此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/
那些仅仅是那些好的几个。 D.我打开这个清单的更多build议:D
开心编程
-skycoder