html中的根路径链接

时间:2012-08-23 04:35:39

标签: html url path

是否可以创建一个root的相对路径,该路径在所有目录中同样有效?

我在不同的dir级别上有一些文档,如果从其他目录加载,我的相对路径将变为无效。

因此,如果我将文本/ html存储在具有相对路径的数据库中,它们将无法在某些页面上运行。

相对路径的示例:

../imgs/my_image.png

然后,如果我在开发我的网站时存储完整路径,每次我移动到新方向,或从本地主机到实际生产域时,所有嵌入的图像(来自db作为text / html)都不会工作要么。

绝对路径的示例:

127.0.0.1/imgs/my_image.png

所以问题是,是否可以不指定确切的主机名,例如...... pseudocode: %root%/imgs/my_image.png 或其他一些解决方法?

(我的意思是,没有额外的服务器处理这些路径,比如使用正则表达式替换路径,或者创建其他表来存储我的图片,而不将所有页面移动到一个目录中,就像在CMS上使用相对路径一样位点。)

老老实实地困扰着我,除了每次需要时记录的额外处理和更新,我都想不出什么。但我想提供一些我偶然发现的东西。

尽管它在Chrome和IE等现代浏览器中都有效,但我完全怀疑这是一个正确的代码。但是,如果我使用了root的最高级别相对路径,那么它也适用于较低级别。

例如,假设我们有一个类似此127.0.0.1/auth/profile/content/index.php的网页,我们的图片路径为127.0.0.1/imgs/my_image.png,现在以下代码也适用于较低级别的网页,例如127.0.0.1/auth/prof.php,甚至在根页面上127.0.0.1/index.php

../../../my_image.png

虽然逻辑上根文件夹中的页面没有较低级别。所以我还想了解更多关于它的信息,无论是正确的还是错误的,以及我们是否应该在生产中使用它......

2 个答案:

答案 0 :(得分:2)

要从该域下的任何页面指向网站的根目录,请使用/

所以

http://www.example.com/pages/page.html - > /pages/page.html

http://www.example.com - > /

http://www.example.com/a/b/c/d/e/f.png - > /a/b/c/d/e/f.png

答案 1 :(得分:1)

只需使用/即可。它工作得很好而且很明显。

例如,如果您想在css中使用图片,并且应用程序根目录中有一个名为images的文件夹,那么您只需使用url(/images/image.png)