Google Chrome浏览器中的HTML代码缩进问题

Question

点击此链接查看屏幕截图

• 主页的完整源代码

• 外部文件的源代码

• 主页的完整源代码（在Google Chrome 浏览器视图中 ）

• 主页的完整源代码（在Google Chrome 浏览器页面源代码视图中 ）

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

Answer 1

这不是谷歌浏览器的错。 您的文件只是被编译成这种形式，浏览器将完全按照它们的外观显示它们。

但是为什么他们看起来像这样？ 在您的情况下，PHP的include仅做纯文本替换，如下图所示：

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

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

但是，我不鼓励您这样做-只是生成的代码，可能没有人会使用编译后的结果。 正确设置代码格式仅是为了使人类工作更轻松-不会影响浏览器呈现页面时页面的最终外观。 因此，即使两个源文件的格式不正确，也可以将两个源文件保持为当前格式并保留输出不变就足够了。

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