源代码与inspect元素代码的不同之处在于更改了标记的位置



从服务器加载页面时,源代码与inspect元素的不同之处在于更改了标记的位置
下面是代码在查看源页面中的样子

<!DOCTYPE html>
<html dir="rtl">
<head>
<link rel="stylesheet" type="text/css" href="css/mainclasses.css">
<title>title  </title>
</head>
<body style="margin:0px;">
<div id="wrapper" style="margin:0px auto;">

但是当我检查元素时,head标签内的所有标签都在body标签下,并且在body标签下出现两个双引号。

<!DOCTYPE html>
<html dir="rtl">
<head></head>
<body style="margin:0px;">
""
<link rel="stylesheet" type="text/css" href="css/mainclasses.css">
<title>title  </title>
<div id="wrapper" style="margin:0px auto;">

页面运行良好,所有css属性都会出现,标题也会出现。但我也希望HTML代码是好的。

我搜索了这个,发现了很多可能导致这个问题的东西,但都没有帮助我

  • 我的网站中没有JavaScript代码,我禁用了所有浏览器扩展,这样JavaScript就不会影响页面。我还检查了开发人员工具中的源选项卡,没有JavaScript代码
  • 我检查了所有的css属性,没有一个属性会导致这个问题。(css也不放奇怪的字符)
  • 出现的引文不是空格。我试图把我所有的php代码放在一行中,并删除所有不必要的空格,但没有成功
  • 我没有使用UTF8 BOM编码,所有文件都是UTF8 without BOM。所以奇怪的字符不是由于文件编码
  • 我确信php文件以正确的顺序打印标记,并且不打印任何引号
  • 当我在开发工具中右键单击引号时,我只有Break on选项,不能将其编辑为HTML
  • 我试着从其他浏览器运行这个页面,但问题没有解决
  • 我没有使用任何框架

这个问题的原因是什么,我该如何解决?

我解决了我的问题
我检查了HTML代码。在CCD_ 6标签的某个地方有一个符号。我删除了这个符号,开发者工具中的HTML代码也被更正了。

最新更新