Question

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

有什么建议吗？

Answer 1

我制作了一个名为Unclosed Tag Finder的在线工具，可以满足您的需求。

粘贴到您的HTML中，它会为您提供类似＆＃34的输出;第188行的结束标记与第62行的开放标记不匹配。＆＃34;

更新：未公开标签查找器的新位置为https://jonaquino.blogspot.com/2013/05/unclosed-tag-finder.html

Answer 2

如上所述，通过W3C Validator运行代码非常棒，但如果您的网页很复杂，您仍然可能无法确切知道在哪里找到open div。

我喜欢使用标签来缩进我的代码。它保持视觉组织，以便更容易找到这些问题，孩子，兄弟姐妹，父母等...他们会显得更加明显。

编辑：此外，我还会使用一些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>

Answer 3

World Wide Web Consortium HTML Validator非常适合捕捉HTML错误。

Answer 4

我知道已经有了一些很好的答案，但我通过谷歌搜索遇到了这个问题，我希望有人能指出这个在线检查工具......

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

您只需输入一个网址即可显示该网页的整个地图。对于我需要的快速调试非常有用。

Answer 5

使用记事本++。你可以轻松找到它们

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

或者您可以查看来自FIREfox的来源 - 未关闭的div 将以 RED

显示

Answer 6

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

的数量

比较这两个数字！

Answer 7

如果您使用Dreamweaver，您可以轻松注意到未关闭的div。在代码视图的左侧窗格中，您可以看到<> highlight invalid code按钮，单击此按钮，您将注意到未关闭的div突出显示，然后关闭未关闭的div。按F5刷新页面以查看是否存在任何其他未关闭的div。

您也可以在Dreamweaver中验证您的页面。 File>Check Page>Browser Compatibility，然后会出现任务窗格点击Validation，在左侧，您会看到►按钮点击此按钮进行验证。

享受！

Answer 8

进一步提出Milad的建议，你可以打破你的文件来源，然后做另一个发现，继续，直到你找到无与伦比的罪魁祸首。

当您使用许多模块（使用CMS），或者无法访问W3C工具（因为您在本地工作）时，这种方法非常有用。

Answer 9

Div标签很容易找到我。只需下载文件，使用netbeans扫描，然后继续调试。或者，您可以使用Google Chrome开发人员工具包，并查看页面来源。我是一个奇怪的开发人员，我并不总是使用“最好”的东西。但它对我有用。

我会将您与我使用的一些开发人员的内容链接起来

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

http://www.netbeans.org

那些只是那些好的一些。我对此列表有更多建议：D

快乐编程

-skycoder

如何找到未闭合的div标签

9 个答案: