html - 在页面源代码中看不到 </head> 和 <body>。那是正常的吗？-6ren

html - 在页面源代码中看不到和。那是正常的吗？

转载作者：行者123 更新时间：2023-11-28 01:07:51

这是页面源代码的样子:

<link rel="stylesheet" href="http://...">
<!-- analytics -->
<script>
...

结尾</head>标签和 <body>标签应介于 <link rel= 之间和  .

该网站似乎运行良好，但我想知道这是否正常，是否会以某种方式对其产生负面影响。

最佳答案

从 head 的开始和结束标记的意义上说，这是正常的和 body可以部分或全部省略。从最早的 HTML 版本开始就是这种情况，并且在 HTML5 中也没有改变。

但有时您将 </head> 放在哪里和 <body>标签可以有所作为。在您的例子中，注释后面的元素是 script元素。现在，那个 script元素将被放入页面头部，而不是页面主体，因为 script元素可能出现在任一元素中，如果 script 所在的位置出现的元素不在 body 的上下文中元素(例如，因为已经遇到了可能只出现在文档主体中的元素，而这里不是这种情况)，则 script元素默认放在头部而不是 body 。参见章节 8.2.5.4.4 The "in head" insertion mode和 8.2.5.4.7 The "in body" insertion mode HTML5。

您是否放置了 </head>和 <body>您希望它们像这样的标签:

<link rel="stylesheet" href="http://...">
</head>
<body>
<!-- analytics -->
<script>
...

然后 script元素将显示为 body 的第一个子元素, 不是 head 的最后一个 child .这会影响很多事情，例如任何 body > :first-child您可能碰巧在 CSS 中使用的选择器，您期望的是 other 而不是 script成为第一个 child 。因为我们谈论的是 script元素，如果你的脚本需要 document.body为了工作，它不在 DOMContentLoaded 中无论出于何种原因的事件处理程序，如果它在页眉中，它就不会工作。