link-tag 和 src-tag 与外部文件的 include/require

link-tag and src-tag vs. include/require for external files

将 css 文件添加到网页的最佳方法是什么,或者 link 标签和 require/include 之间有什么区别吗? 我问的原因:我的想法是识别我的根文件夹并使用绝对路径,这样我就独立于 cwd。 (因此每个文件的 link 都是统一的。)在 php 中没有问题并且工作正常但我不能将它与 link-tag 标签或 src- 一起使用标签。

那么有什么缺点包括外部文件而不是使用 html-tags 吗?

感谢您的帮助。

首先,<link> 通过 URL 路径而不是文件系统路径标记链接 CSS 资产。请检查 href 中的 URL 在您的浏览器上是否有效。 This article 可能会让您更好地了解浏览器的逻辑。

使用include or require 会将CSS 中的文本拉入页面并直接显示。 <link> 标签告诉浏览器找到要下载并引用的 CSS 文件。

在冷加载(第一次加载页面)时,没有速度差异。但是您的浏览器可能会缓存您的 CSS 文件。因此,如果您的站点有多个具有相同 CSS 的页面,浏览器会更快地加载第二个页面(主要取决于您的 CSS 文件有多大)。

我总是更喜欢使用 <link> 作为 CSS。此外,我不会在生产站点上为 CSS 使用 require 或 include。