65

一个未封闭的 div 问题几乎让我发疯。跟踪非常困难，尤其是当页面又长又复杂时。

有什么建议么？

4

9 回答 9

40

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

粘贴到您的 HTML 中，它会为您提供类似“第 188 行的结束标记与第 62 行的打开标记不匹配”的输出。

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

于 2013-05-17T17:42:10.430 回答
28

如前所述，通过W3C Validator运行您的代码非常棒，但如果您的页面很复杂，您可能仍然不知道在哪里可以找到打开的 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>
于 2011-06-07T22:32:43.207 回答
16

World Wide Web Consortium HTML Validator非常擅长捕捉 HTML 错误。

于 2011-06-07T22:27:02.633 回答
15

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

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

或者您可以从 FIREfox 查看源代码-未关闭的div将显示为红色

于 2013-06-19T04:13:17.790 回答
15

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

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

您只需输入一个 URL，它就会向您显示页面的整个地图。对于我需要的快速调试非常有用。

于 2013-07-17T17:19:15.153 回答
8

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

比较两个数字！

于 2013-02-20T19:39:49.317 回答
2

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

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

享受！

于 2013-04-11T10:38:20.253 回答
1

进一步考虑 Milad 的建议，您可以分解您的文档来源，然后再进行一次查找，直到找到无与伦比的罪魁祸首。

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

于 2013-03-13T02:20:42.663 回答
-1

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

我会将您与我使用的一些开发人员的东西联系起来

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

http://www.netbeans.org

这些只是其中的一小部分。我愿意接受对此列表的更多建议：D

快乐编程

-skycoder

于 2015-02-24T05:26:15.313 回答