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

瀏覽器工具只是內聯它，以使調試更加容易。 這僅僅是為了方便您顯示頁面流程。 文件仍然是外部文件，並且在許多頁面之間共享。