为什么这个自动关闭的 TITLE 标签会破坏我的网页答案

【问题标题】：why this self-closing TITLE tag breaks my web page为什么这个自动关闭的 TITLE 标签会破坏我的网页
【发布时间】：2019-04-08 09:13:52
【问题描述】：

我有一个非常简单的网页。

<html>
    <head>
        <title/>
    </head>
    <body>
    <h1>hello</h1>
    </body>
</html>

在 Chrome 和 Firefox 中破坏我的网页

问题在于自动关闭的标题标签，删除标题标签或添加标题修复问题

<title>Test Page</title>

自动关闭的 TITLE 标签有什么问题，找不到任何说明它无效的参考

【问题讨论】：

【解决方案1】：

如果你有一个 void 元素：

<img />
<br />

那么他们就没有内容了，因为没有地方放。图片可以被认为是带有背景图片的空<div>。

与这些元素相比：

<h1>Hello</h1>
<section>World</section>

其中实际包含内容（在本例中为文本）。

<title/> 破坏您的页面的原因是因为您需要网页中的标题 - 如果您没有标题，它只会显示页面的 URL，例如：

google.com/index.html

您需要有一个有效的标题，并且<title> 不是一个空元素。这就是它破裂的原因。要查看此内容，请访问 HTML 验证网站（例如 https://validator.w3.org）并查看它告诉您的内容。

简而言之 - <title> 不是 void 元素 - 它需要一个开始和结束标记。

编辑：研究向我展示了this website，它说：

Self-closing: No

所以简而言之，它们不是自闭合元素。你可以找到一个自闭元素列表here。

【讨论】：