为什么自闭合的标题标签会破坏我的网页?

3

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

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

我的网页在Chrome和Firefox中都崩溃了

问题出在自闭合的Title标签上,删除TITLE标签或添加一个标题可以解决这个问题。

<title>Test Page</title>

自闭合的TITLE标签有什么问题,没有找到任何参考资料表明它是无效的。
1个回答

6
如果您有一个空元素:
<img />
<br />

那么它们就没有内容,因为没有地方可以放置。 图像可以被视为具有背景图像的空白<div>

与这些元素相比:

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

这实际上包含内容(在本例中为文本)。

<title/>导致页面出现问题的原因是因为网页需要一个标题-如果没有标题,它将仅显示页面的URL,例如:

google.com/index.html

您需要一个有效的标题,而<title>不是空元素。这就是为什么它会出现问题。要了解这一点,请访问HTML验证网站(例如https://validator.w3.org)并查看其提示信息。
简而言之 - <title>不是一个空元素,需要有开放和关闭标签。
编辑:研究显示我找到了该网站,其中说明如下:
Self-closing: No

所以简而言之,它们不是自闭合元素。您可以在此处找到自闭合元素的列表。

我使用了我的正确的 HTML 进行验证,而不是上面没有对自闭合标题提出异议的 HTML,但当我使用这个时它显示错误。 - Nuwan Dammika
不好意思,我指的是我在问题中添加的HTML代码。 - Nuwan Dammika
哦,这是无效的HTML代码,这可能就是原因。 - Jack Bashford
是的,我正在使用一种工具将未格式化的HTML转换为格式化的HTML,该工具执行此转换。 - Nuwan Dammika
1
那个工具很可能破坏了你的标题。 - Jack Bashford

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接