如何找到未闭合的div标签

Question

如何找到未闭合的div标签

55 html html-validation

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

有什么建议？

Answer 1

Jon*_*ino 34

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

粘贴在HTML中,它会为您提供类似"第188行上的结束标记与第62行上的开放标记不匹配"的输出.

更新: Unclosed Tag Finder的新位置是https://jonaquino.blogspot.com/2013/05/unclosed-tag-finder.html

趋势科技已将我的博客(http://jona.ca)重新分类为安全:http://global.sitesafety.trendmicro.com-感谢您向我指出. (6认同)

Answer 2

Spa*_*rky 25

如前所述,通过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>

Run Code Online (Sandbox Code Playgroud)

当html与数百行php代码混合时,你认为这种格式仍然可行吗？ (8认同)
这是一个好点 - +1.干净,可维护的代码是发现问题的90%.另外,我会再使用标签代替空格+1;) (2认同)
标签而不是空格？没有永不.格式化代码时,选项卡会导致许多问题.我总是让我的编辑器为标签插入空格. (2认同)

Answer 3

roc*_*est 15

在万维网联盟HTML验证是在追赶HTML错误很大.

令人惊讶的是,当你在验证器上达到"绿色"时,许多跨浏览器问题就会消失. (4认同)
@jorre不幸(在我看来),HTML5标准化为HTML,而不是XHTML.XHTML要求几乎所有标签都是关闭的,一切都是小写的等等.由于HTML5纯粹是HTML,那些"漂亮的代码"要求不在窗口,现在__legal__留下未封闭的标签,具有不完整的标签属性(例如," <option selected value ="1">")等等.它令我失望,但它就是它. (3认同)