为什么这个自动关闭的TITLE标记破坏了我的网页

时间:2018-11-05 01:19:48

标签: html css html5 webpage

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

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

在Chrome和Firefox中都破坏了我的网页

问题出在自动关闭标题标签,删除TITLE标签或添加标题之类的问题

<title>Test Page</title>

自动关闭的TITLE标签有什么问题,找不到任何引用来说明其无效

1 个答案:

答案 0 :(得分:5)

如果您有一个void元素:

<img />
<br />

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

与这些元素相比:

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

实际上包含的内容(在这种情况下为文字)。

<title/>中断页面的原因是因为您 需要 在网页中显示标题-如果您没有标题,它将只需显示页面的URL,例如:

google.com/index.html

您需要具有有效的标题,并且<title>不是void元素。这就是为什么它会破裂。要查看此信息,请访问HTML验证网站(例如https://validator.w3.org),然后查看其内容。

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

编辑:研究显示,我this website表示:

Self-closing: No

因此,简而言之,它们不是自动关闭的元素。您可以找到自闭合元素here的列表。