结束 HTML 标签

发布于 2024-12-02 11:37:01 字数 133 浏览 0 评论 0原文

什么时候适合使用结束标签，什么时候使用斜杠就足够了？

<div></div>

与

<div />

原文

When is it appropriate to use a closing tag and when a slash is enough?

<div></div>

vs.

<div />

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一场信仰旅途 2024-12-09 11:37:01

（可以）包含某些内容的元素需要结束标记，例如 div、a 和 body。

对于仅由元素本身组成的元素，例如 img、link 和 br，斜杠就足够了。

回复收藏 0 原文

不可一世的女人 2024-12-09 11:37:01

如果您的 DOCTYPE 设置为 XHTML，则只能使用自结束标记

，因为这是从 XML 借用的，您可以在 XML 中使用自结束标记。如果您的 DOCTYPE 设置为 HTML 4.01 或 HTML 5，则无法拥有它。

http://www. w3.org/TR/xhtml1/

我不确定你想要这个的确切用例，但如果是为了清除浮动，你可以这样做，而不必担心兼容性问题，特别是对于 IE 如果它进入仿真模式。

<style type="text/css">
.clear-fix {
    clear: both !important;
    display: block !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
</style>
<br class="clear-fix" />

You can only use a self closing tag <div /> if your DOCTYPE is set to XHTML as this is borrowed from XML where you can have self closing tags. You can't have it if your DOCTYPE is set to HTML 4.01 or HTML 5.

http://www.w3.org/TR/xhtml1/

I'm not sure your exact use case for wanting this, but if it's for clearing floats, you can do this instead and not have to worry about compatibility issues, especially with IE if it kicks into emulation mode.

<style type="text/css">
.clear-fix {
    clear: both !important;
    display: block !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
</style>
<br class="clear-fix" />

回复收藏 0 原文

停顿的约定 2024-12-09 11:37:01

不同之处在于，如果不使用结束标签，则只能设置标签的属性。

如果您需要在其中包含一些内容，则需要一个开始标签和一个结束标签，并将内容放在中间。

例如，如果您需要使用跳过一行，从技术上讲，您也可以使用

，但没有人以这种方式使用它，因为跳行之间永远不会有任何内容。

对于

，您可能会在其中包含很多内容，最后需要一个结束标记。

回复收藏 0 原文

淡淡の花香 2024-12-09 11:37:01

如果您查看 HTML DTD（4.01 严格，作为5 dtd 仍在进行中，尚未发布），您将看到一些元素是用 EMPTY 定义的，这意味着这些可以是自关闭的。没有此定义的元素不能自关闭。

例如，br 元素：

<!ELEMENT BR - O EMPTY                 -- forced line break -->

div 元素不是这样定义的，因此拥有自闭合永远是不对的div。

<!ELEMENT DIV - - (%flow;)*            -- generic language/style container -->

If you take a look at the HTML DTD (4.01 strict, as a 5 dtd is still in progress and has not been released yet), you will see that some elements are defined with an EMPTY, meaning these can be self closing. Elements that do not have this definition, cannot be self closing.

For example, the br element:

<!ELEMENT BR - O EMPTY                 -- forced line break -->

The div element is not defined this way, so it is never right to have a self closing div.

<!ELEMENT DIV - - (%flow;)*            -- generic language/style container -->

回复收藏 0 原文

萧瑟寒风 2024-12-09 11:37:01

如果该元素是自包含的，并且具有在没有任何 innerHTML 的情况下呈现自身所需的一切，那么您可以使用简写

否则您应该使用

 <div> InnerHTML here </div>

If the element is self containing, and has everything that it needs to render itself without any innerHTML, than you can use the shorthand <hr /> otherwise you should use