您应该还是不应该用正斜杠关闭 void 元素/自关闭标签？

Posted 2023-02-19

【中文标题】您应该还是不应该用正斜杠关闭 void 元素/自关闭标签？

【英文标题】：Should you, or should you NOT, close void elements/self-closing tags with a forward slash?

【发布时间】：2018-04-24 05:56:12

【问题描述】：

感谢您花时间阅读本文。

我已经查看了与此主题相关的所有直接相关问题和答案，以及间接相关问题和答案。到目前为止，据我所知，他们还没有具体回答我是如何提出这个问题的。虽然这是一条非常好的线路，而且这个问题可能会作为重复发布，但无论如何如果我能从你们中的任何人那里得到正确的答案，我将非常感激。

到目前为止，我开发的任何网站都应该或不应该关闭我的无效元素/自关闭标签。这可能是最佳实践吗？例如：

<br>
<br />
<img>
<img />
<hr>
<hr />
<meta>
<meta />

这里有一些其他类似的问题。记住。我应该这样做吗？这是我需要知道的。谢谢。

Are (non-void) self-closing tags valid in html5?

Properly closing or self-closing tags in HTML5

Self-closing tags (void elements) in HTML5

Properly closing or self-closing tags in HTML5

我主要担心的是，通过像 <br /> 这样关闭这些标签可能会使标签与某些浏览器或平台不兼容。这是真的？

无论如何，一如既往地感谢您的时间和回复。祝您度过愉快的一天和退伍军人节周末。

【问题讨论】：

“我主要担心的是，通过关闭这些标签可能会使标签与某些浏览器或平台不兼容。这是真的吗？”难以置信的可能性。带斜杠和不带斜杠在网络上都很常见，即使在同一个文件中也是如此，因此任何偏爱其中一个或另一个的工具都无法正常处理大部分网络文档。

...除非网页使用 XML 内容类型（例如 application/xhtml+xml）提供，否则您必须包含斜杠。但很少有网站这样做。

Link to my blog。 tl;博士：没关系。如果您愿意，我可以将其发布为答案，但我没有任何权威。

@MrLister 感谢您的评论。我可以给你一个建议。你在你的网站上执行一点 SEO 你的文章过去和未来。你的文笔不错。 Yoru的答案很棒。我知道您已经通过查看您网站的公共指标来吸引访问者，但是通过一些好的 SEO 可以显着增加访问者。它不会太多，但根据流量，您甚至可以每月收取 100 至 300 美元的被动收入。无论如何，谢谢，祝你好运！

@DeveloperDan Pfff，我不是普通的博主；有时，一整年都没有一篇文章！所以无论如何我都不会吸引一大群常客。但是感谢您的支持！

【参考方案1】：

根据约定： https://dev.w3.org/html5/html-author/#notes,-tips-and-warnings

6.1.2.2 Void Elements 

你不应该在结尾使用斜线。

【讨论】：

感谢您的快速回复和答复。 6.1.2.2 - 空元素，它说：“在 XHTML 示例中，由于 XML 格式良好的要求，空元素总是使用尾部斜杠标记。XHTML 示例：" #*********# "然而，在 HTML 中，尾部斜杠是可选的，除非另有明确说明，否则总是省略。HTML 示例：" 它还说：“但是，在 HTML 中，尾部斜杠是可选的”。 NOT that is 不应该被使用。我迷路了。我应该使用它还是不应该在 HTML 网站中使用它。

但是下一行说除非明确说明否则应该省略。这意味着你不应该在大多数标签中使用斜线，可能有些标签需要斜线，但我不知道。

这实际上只是一个人的意见，（拉克兰亨特）在一份七年前的草稿文件中。

你说得对，这个文件不相关对不起我发现这个东西w3.org/TR/html5/syntax.html#end-tags 8.1.2.1 6 它说它对无效元素没有影响它只对外国元素有影响我也发现了 w3school 参考w3schools.com/html/html5_syntax.asp 表示在 HTML5 中，关闭空元素是可选的。允许： 也允许： 但是，在 XHTML 和 XML 中，右斜杠 (/) 是必需的。如果您希望 XML 软件访问您的页面，最好保留右斜线！

@Alohci 嘿。也谢谢你的回复。我很确定这不是权威，但也不确定这是否是一种意见，所以如果我只想像往常一样使用它并保持一致，它会以任何方式伤害我吗？