1

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

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

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

4

3 回答 3

1

通过在路径前放置一个斜杠,您将使其成为绝对路径。您应该尽可能少地使用绝对路径 - 相反,使用相对路径。

假设您有这样的目录结构:

/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 系统都遵守这些规则。

于 2010-08-09T20:07:18.263 回答
1

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

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

于 2010-08-09T20:12:18.410 回答
0

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

不过,设置并进入它可能需要一些时间。

于 2010-08-09T20:11:06.413 回答