如何使用相对URI转到子目录

时间:2015-01-02 05:37:10

标签: html url uri relative-path relative-url

很抱歉,如果它如此基本但我找不到答案。

如果我们在页面http://www.example.com/a-dir-without-trailing-slash中,我们如何使用相对URI访问子目录http://www.example.com/a-dir-without-trailing-slash/pic? (我们不知道当前的目录名称(即a-dir-without-trailing-slash

更多解释:

a-dir-without-trailing-slash是网站上文章的名称。它不是实际目录,也不是实际文件名。现在,我希望通过以下地址获取本文中使用的图片:

http://www.example.com/a-dir-without-trailing-slash/pic/1

http://www.example.com/a-dir-without-trailing-slash/pic/2

,...

在网页html中,我会用类似的东西来引用它们:

 <img src="pic/1" />

如果原始文章地址采用http://www.example.com/a-dir-with-trailing-slash/的形式,则上述示例可以正常运行。我想知道是否可以使用当前文章地址获得相对URI(不带斜杠)?

非常感谢

2 个答案:

答案 0 :(得分:3)

我想你要避免硬编码&#34; slugs&#34;在内容中,它们可以相互独立地存储和操作。

一种解决方案是使用base标记,该标记允许您指定添加到相对URL的前缀,而不是在整个地方键入它们。

  1. 确保您的网站在必要时使用绝对网址。
  2. 将您的CMS修改为&#34;生成&#34;并将以下标记放在包含尾部斜杠的头部分中:
  3. <base href="/a-dir-without-trailing-slash/">
    
    1. 然后您可以在内容中使用相对URL,例如:
    2. <img src="pic/1">
      <!-- http://www.example.com/a-dir-without-trailing-slash.html/pic/1 -->
      

答案 1 :(得分:-1)

您需要服务器端脚本来将文件名添加到网址(或者可能只是头部中的一个'&gt;标记)。 - 萨勒曼 赏金得到。