CSS和JavaScript在源代码中内联显示

Question

我有一个运行平稳的网站，但是我刚刚看到，当我在Chrome和IE9中查看源代码时，它显示的是CSS和javascript内联而不是文件的链接。 <style type="text/css" style="display:none">[my css]</style>而不是<link rel="stylesheet" type="text/css" href="style.css" />在PHP编辑器中看到的，并且是我故意编写的。 我在其他网站上看不到这样的事情，仅在我的网站上。

这怎么可能？ 服务器设置是否发生某些变化？

Answer 1

有3种不同的方法可以将CSS添加到HTML页面：内联，外部和基于属性。

内联CSS是您现在拥有的。 这是CSS代码直接嵌入到HTML中的时候。

外部CSS是当您引用CSS文件时（例如第二个示例）。

基于属性的CSS是您直接在HTML文件中设置属性时。 例如：

<div style="CSS HERE"></div>

这3种方法的工作原理相同，但出于抽象目的，建议使用外部样式表。

在您的情况下，PHP编辑器可能会将CSS直接注入代码中。

Answer 2

浏览器工具只是内联它，以使调试更加容易。 这仅仅是为了方便您显示页面流程。 文件仍然是外部文件，并且在许多页面之间共享。