像许多开发人员一样,我将图像放在 /images 中,将 css 放在 /css 中,将 js 放在 /js 中。这样,无论 URL/目录结构如何,站点都可以简单地引用 /css/style.css 或 /js/jquery。
问题是当我尝试从目录打开 html 时,路径被搞砸了。它假设 / 是 C:/
我希望能够在将它们放入网络上的 CMS 之前预览目录中的 html 文件,但不知道如何。可以以某种方式以最小的麻烦来处理这个问题吗?
通过在路径前放置一个斜杠,您将使其成为绝对路径。您应该尽可能少地使用绝对路径 - 相反,使用相对路径。
假设您有这样的目录结构:
/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 系统都遵守这些规则。
使用相对于根的链接非常好,但如您所见,在本地工作时可能会导致问题。
理想情况下,您应该在您的机器上设置一个本地 Web 服务器并以这种方式进行预览,而不仅仅是使用文件系统。
您可以考虑设置一个本地服务器,例如XAMPP。这样,您的文件将可以预览,http://127.0.0.1
并且您的绝对路径可以像在网络上一样工作。XAMPP 带有一个默认htdocs
目录,您可以在其中放置文件结构。
不过,设置并进入它可能需要一些时间。