适用于文件和网站中的 html 的基本 URL？答案

【问题标题】：Base URL that works for html in files and on website?适用于文件和网站中的 html 的基本 URL？
【发布时间】：2011-03-27 12:02:24
【问题描述】：

与许多开发人员一样，我将图像放在 /images 中，将 css 放在 /css 中，将 js 放在 /js 中。这样，无论 URL/目录结构如何，站点都可以简单地引用 /css/style.css 或 /js/jquery。

问题是当我尝试从目录打开 html 时，路径被搞砸了。它假设 / 是 C:/

我希望能够在将 html 文件放入网络上的 CMS 之前预览目录中的 html 文件，但不知道如何操作。可以以某种方式以最小的麻烦来处理这个问题吗？

【问题讨论】：

只需运行本地网络服务器。测试系统和实时系统之间的差异越大，转移它们时出错的可能性就越大。
工作量太大了。我 - 有 - 一个本地网络服务器等。我只是希望能够在处理之前快速检查设计师的图形和 CSS。此外，设计师需要检查自己的工作并确保他们正确设置了路径等。

标签： html href base

【解决方案1】：

使用相对于根的链接很好，但如您所见，在本地工作时可能会导致问题。

理想情况下，您应该在您的机器上设置一个本地 Web 服务器并以这种方式进行预览，而不仅仅是使用文件系统。

【讨论】：

【解决方案2】：

通过在路径前添加一个斜杠，您将使其成为绝对路径。您应该尽可能少地使用绝对路径 - 而是使用相对路径。

假设你有一个这样的目录结构：

/website
    /html
        /css
             style.css
        test.html
        script.js
    /newcss
        newstyle.css

如果您在test.html 中并且需要引用style.css，则相对路径将为css/style.css。如果需要引用script.js，则相对路径就是script.js。如果需要引用newstyle.css，则相对路径为../newcss/newstyle.css（.. 表示“上一级目录”）。

这具有使您的代码可移植的好处 - 您可以将 website 文件夹复制到您想要的任何位置，在任何系统上，甚至到您的网络服务器，它会起作用。 *nix 和 Windows 系统都遵守这些规则。

【讨论】：

这里没有设置应该/不应该的规则。这完全取决于您的工作/开发/产品环境和偏好。
我更喜欢使用绝对路径而不是相对路径。只是因为这样你的脚本可以很容易地传输，但这也取决于情况、结构和偏好。
Alex，如果我听从了您的建议，我需要分别制作 css、图像和 javascript 的副本。我有不同长度的网址：例如domain.com, domain.com/articles, domain.com/articles/article-name.

【解决方案3】：

您可以考虑设置一个本地服务器，例如XAMPP。这样，您的文件将可以在 http://127.0.0.1 上预览，并且您的绝对路径可以像在网络上一样工作。 XAMPP 带有一个默认的htdocs 目录，您可以在其中放置文件结构。

不过，设置和使用它可能需要一些时间。

【讨论】：