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

时间:2012-05-02 16:09:41

标签: javascript html css

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

这怎么可能?服务器设置有一些变化吗?

2 个答案:

答案 0 :(得分:0)

向HTML页面添加CSS有3种不同的方法:内联,外部和基于属性。

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

外部CSS 是指您引用CSS文件,就像您的第二个示例一样。

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

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

所有3种方法的工作方式相同,但出于抽象目的,建议使用外部样式表。

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

答案 1 :(得分:0)

浏览器工具只是嵌入它以使您的调试更容易。这仅仅是为了向您展示页面的流程。这些文件仍在外部,并在许多页面上共享。