Question

这段代码是否正常，我在哪里找到一个关闭div：

<html>
<body>
<div id="main">

</div id=main">
</body>
</html>

Answer 1

没有。 id属性应仅位于开始标记中。

如果您这样做是为了提高可读性，则可能需要使用HTML注释和表格化来源：

<html>
    <body>
        <div id="main">

        </div>
        <!-- close main div -->
    </body>
</html>

Answer 2

它无效：validator将输出

第x行，第y列：结束标记具有属性。

如果你想这样做以避免混淆多个结束标签，只需使用注释来澄清哪个标签属于哪个元素：

</div> <!-- #main -->

Answer 3

这是我知道的所有标记语言_{中的无效语法
结束标签不能具有属性。}

Answer 4

不，这是无效的。但是，如果你想要的可读性，你可以做这样的事情。

<html>
    <head>
        <title></title>
    </head>
    <body>
        <div id="main">

        </div><!-- end of main -->
    </body>
</html>

Answer 5

最近不得不对旧代码执行维护，我发现在div标签的末尾使用注释确实很难注释掉大部分代码，这要归功于HTML没有可嵌套的注释标记。所以，我养成了在大块div结束时将注释修改为隐藏跨度的习惯。

<div class="modal fade" id="dialog_edit_group">
    <div class="modal-dialog">
        <div class="modal-content">
            ...HTML content here...
        </div><span title=".modal-content" HIDDEN></span>
    </div><span title=".modal-dialog" HIDDEN></span>
</div><span title=".modal #dialog_edit_group" HIDDEN></span>
<!--
<div class="modal fade" id="dialog_edit_group_OLD">
    <div class="modal-dialog">
        <div class="modal-content">
            ...HTML content here...
        </div><span title=".modal-content" HIDDEN></span>
    </div><span title=".modal-dialog" HIDDEN></span>
</div><span title=".modal #dialog_edit_group_OLD" HIDDEN></span>
-->

我把“HIDDEN”HTML5属性放在那里，所以如果其他人修改它并因某种原因添加文本，内容通常会保持隐藏状态。我做了所有大写，以便它能够更加突出，好像在喊“在这里评论！”。是的，它确实创建了一个DOM元素，现在必须由浏览器维护，但在重度活跃的网站开发过程中需要付出很小的代价。

使用“end div comments”符合HTML标准，使我具有更高的可读性，并允许我使用HTML注释标记禁用页面的大块以帮助开发。也许它对其他人也有用。

关闭标记中的HTML ID属性？

5 个答案: