不同目录下的HTML资源如何引用？

遍历 HTML 中资源引用的 URL 路径

构建网站时，通常会将图像和样式表等资源存储在单独的目录中。要在 HTML 中引用这些资源，您需要在源代码中指定它们的路径。

例如，如果您将样式表存储在 /styles 中，将图像存储在 /images 中，您可能想知道如何提供样式表中用于在图像目录中查找图像的正确路径。

这里的关键是使用 .. 表示法来指示父目录。通过在图像路径之前添加 ..，您将指示浏览器在目录结构中查找一级。

例如，不要使用：

background-image: url('/images/bg.png');

您将使用：

background-image: url('../images/bg.png');

此调整后的路径告诉浏览器从样式表位置 (/styles) 上移一个目录，然后导航到图像目录。

以上是不同目录下的HTML资源如何引用？的详细内容。更多信息请关注PHP中文网其他相关文章！