Question

当从服务器加载我的页面时，通过更改标签位置，源代码与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。
我尝试从其他网络浏览器运行该页面但问题没有发生。
我没有使用任何框架。

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

Answer 1

我解决了我的问题我检查了我的HTML代码。 head标签内的某处有一个符号。我删除了符号，并且更正了开发人员工具中的HTML代码。

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

1 个答案: