CSS 和 JavaScript 以内联方式出现在源代码中

CSS and JavaScript appearing inline in sourcecode

本文关键字：源代码 方式出 JavaScript CSS      更新时间：2023-09-26

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

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

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

有

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

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

外部 CSS 是指引用 CSS 文件，如第二个示例。

基于属性的CSS是指直接在HTML文件中设置属性。前任：

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

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

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

相关文章：