谷歌浏览器中的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 include仅进行纯文本替换，如下图所示：

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

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

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

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