谷歌浏览器中的HTML代码缩进问题

Question

单击此链接可查看屏幕截图

• full source code of the home page
• source code of the external file
• full source code of the home page (in google chrome inspect view)
• full source code of the home page (in google chrome page source view)

我一直在代码编辑器中从一开始就保留代码缩进。但是当我在谷歌浏览器上看到我的网站时，缩进设置不正确。我能知道为什么会这样吗？我用Google搜索，但却找不到答案或解决方案。

Answer 1

这不是谷歌Chrome的错。您的文件只是编译到这个表单，浏览器显示它们的样子。

但为什么他们看起来像这样？在你的情况下，PHP qazxsw poi只做纯文本替换，如下图所示：qazxsw poi

效果与复制外部文件的内容并将其粘贴到主文件相同，替换include标记。

如果您真的坚持在完成其工作后正确缩进代码，则必须在包含文件的每行（但首先）的开头添加新空格。它会将文本向右移动（在本例中为4个空格），并在结果中保留缩进。

但是，我不鼓励你这样做 - 它只是生成的代码，可能没有人会使用编译结果。正确格式化代码只是为了让人工更容易 - 当浏览器呈现时，它对页面最终的外观没有影响。因此，如果您保持两个源文件的格式与当前格式相同并保持输出不变，即使它没有缩进，也可能就足够了。

如果您希望在页面源视图中正确格式化代码，请记住您只需使用预览左下角的“漂亮打印”按钮：include