<head> 中的 HTML 元素加载到 <body> 中答案

【问题标题】：HTML elements in <head> load within the <body><head> 中的 HTML 元素加载到 <body> 中
【发布时间】：2013-05-27 09:27:16
【问题描述】：

我正在处理的网站在文档的头部声明了所有必要的信息，但是当我在 Chrome 和 Firefox 中检查页面时， , 中的所有元素都显示在元素中。这是页面：

查看源代码：http://www.ozzytyres.com.au/store/tyres/kumho-175-70r13-82t-kr21.html

我不明白为什么它会这样解析正文中的标题元素。

【问题讨论】：

请阅读Something on my web site doesn't work. Can I just paste a link to it?
这类问题往往是由can be detected with basic automated QA的错误引起的
实际上，您的“基本自动化 QA”并未检测到该问题，并且该问题可以推广到其他网站。
@RobertKingston，也许很久以前，但有些答案有帮助吗？

标签： html xhtml html-parsing

【解决方案1】：

您是否正在使用包含加载您的头？

因为如果是这样，请阅读此主题： include() messing up HTML structure

它说你有两个选择：
- 将其复制并粘贴到每个文件中
- 创建具有动态内容的独特页面

【讨论】：

【解决方案2】：

在<title> 标记之前，您的源代码中有一个零宽度不间断字符的 UTF-8 编码。正如 C Travel 所暗示的，这可能是由于文件的错误包含导致的，该文件的开头具有 UTF-8 字节顺序标记 (BOM)。（同一个字符同时用作零宽度不间断和 BOM）。或者，它可能来自对 BOM 理解不充分的编辑之间的剪切和粘贴。

零宽度不间断字符被解析器视为标记中的可显示字符，因此认为必须省略<body>标签。因此它推断出 body 元素，并将后面的所有内容放入 body 部分。

要修复它，您必须将标记修复为不包含零宽度不间断字符。

【讨论】：