为什么这个 self-closing TITLE 标签破坏了我的网页

Question

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

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

在 Chrome 和 Firefox

中都破坏了我的网页

问题出在 self-closing 标题标签上，删除 TITLE 标签或添加标题可解决问题

<title>Test Page</title>

self-closing TITLE 标签有什么问题，找不到任何引用来说明它无效

Answer 1

如果您有空元素：

<img />
<br />

那他们就没有内容，因为没地方放。可以将图像视为带有背景图像的空白 <div>。

与这些元素相比：

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

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

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

google.com/index.html

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

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

编辑：研究告诉我 this website，它说：

Self-closing: No

简而言之，它们不是 self-closing 元素。您可以找到 self-closing 个元素的列表 here.

why this self-closing TITLE tag breaks my web page