【问题标题】:source code differs from inspect element code by changing tags positions源代码通过更改标签位置与检查元素代码不同
【发布时间】:2015-04-27 11:59:46
【问题描述】:

当我的页面从服务器加载时,源代码通过更改标签位置与检查元素不同。
这是代码在查看源页面中的外观

<!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。
  • 我尝试从其他网络浏览器运行该页面,但问题没有解决。
  • 我没有使用任何框架。

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

【问题讨论】:

  • 你说你用过php。你能提供那个标记吗?
  • @jbutler483 由于我使用超过 4 个 PHP 页面来构建 HTML 页面,因此很难放置我的 php 代码。
  • “检查元素”是什么意思?你用的是什么工具?
  • 尝试在此处验证您的标记validator.w3.org
  • 最可能的罪魁祸首确实是错误的标记。三重检查。

标签: php html


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-03
    相关资源
    最近更新 更多