html – 相对img src被解析为绝对…我错过了什么?

前端之家收集整理的这篇文章主要介绍了html – 相对img src被解析为绝对…我错过了什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的项目中,用户可以输入网站的URL,系统将从该网站获取所有图像.因为图像的src可以是相对的,所以系统将其“标准化”,因此:

> src =“http://host.com/image1.png”的图像变为“http://host.com/image1.png”(无变化)
> src =“/ image2.png”的图像变为“http://host.com/image2.png”(前置主机)
>使用src =“image3.png”的“http://host.com/sub/dir/page.html”上的图像变为“http://host.com/sub/dir/image3.png”(前置主机)和路径)

现在看看这个页面,如果你可以:

http://www.presentkuriren.se/presenter/4/728/Karlek/Pasta—hjartan.html

如果您查看源代码,主图像实现为< img src =“prodbilder / large / JJI10002.jpg”...... 这将使我得出结论,绝对路径http://www.presentkuriren.se/presenter/4/728/Karlek/prodbilder/large/JJI10002.jpg,而不是.它是http://www.presentkuriren.se/prodbilder/large/JJI10002.jpg,所有浏览器似乎都明白并正确显示它…

我有点困惑,觉得我错过了一些明显的东西……请指出我!

解决方法

有< base />标题在头部:
<base href="http://www.presentkuriren.se/">

因此,所有相对URL(来自图像,链接,……)都与此相关!

猜你在找的HTML相关文章