时间戳

首页 > 解决方案 > HTML 嵌入使用错误的相对路径

html - HTML 嵌入使用错误的相对路径

问题描述

问题

我在两个位置有三个文件：html2父文件夹html1和img.png子文件夹。我嵌入folder/html1使用html2html <embed>-tags。folder/html1包含img.png作为相对路径。当我html1作为独立文件打开时，图像显示正确。但是，图像未显示在嵌入式版本中，因为路径现在被解释为相对于html2（图像应位于父文件夹中）。

<html>
  <head>
    <!––html2-->
  </head>
  <body>
    <embed src="folder/html1.html">
      <head>
        <!––html1-->
      </head>
      <body>
        <img src="img.png"></img>
      </body>
    </embed>
  </body>
</html>

问题

如何让我的浏览器在不移动文件或重写 html 代码的情况下显示图像？有没有办法让html在使用时自动“重写”相对路径embed？

考虑的解决方案

我考虑将所有文件移动到同一个文件夹，但我觉得这很不雅。使用绝对路径很困难，因为html1它是自动生成的。一定有更好的解决方案吗？

标签： html

解决方案

重点是昆汀。我再次尝试了最小示例并且它有效。默认情况下正确解析相对路径。它在我的（未引用的）原始代码中不起作用的原因是因为这两个 html 文件都是由 python 代码创建的，该代码将两者都复制到新位置而不是图像。因此，新位置中没有图像，也没有可显示的内容。我的错！

@Quentin：感谢您的评论。让我再次检查。我怎样才能给你信用？

@Carl：感谢您的提示！我不知道基本标签。毕竟不需要它，但也许在将来！

推荐阅读