将图像添加到母版页。基本网址会根据内容页面的变化而变化？

Question

我有一个显示图像的母版页。

<img src="../Images/footer_faq.png" alt="faq" />
<img src="../Images/footer_feedback.png" alt="feedback" />

这适用于我的大部分页面，但如果我导航到文件夹内的页面，则图像不再起作用。文件夹名称在/ images /

之前添加

  

Exampe：

     

www.mysite.com/Images/footer_faq.png - 作品

     

我导航

     

www.mysite.com/Public/Images/footer_faq.png - 无效

防止这种情况的最佳方法是什么，因此母版页上的图像不会显示我导航到的内容页面。

Answer 1

假设您拥有此树，DocumentRoot为/

 - /
  - Public/
    -Images/
      - ...
  - Pages/
    - ...
  - index.html

假设index.html是您的母版页。

现在，假设我们在index.html

• Images的相对路径为Public/Images/
• Images的绝对路径为/Public/Images/

现在，假设我们在Pages/about.html

• Images的相对路径为../Public/Images/
• Images的绝对路径为/Public/Images/

正如您所看到的，绝对路径不会因您所在的网页而发生变化。

这会导致您的<img代码变为;

<img src="/Images/footer_faq.png" alt="faq" />
<img src="/Images/footer_feedback.png" alt="feedback" />

将它们更改为文档树的设计方式