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

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

概述在我的项目中,用户可以输入网站的URL,系统将从该网站获取所有图像.因为图像的src可以是相对的,所以系统将其“标准化”,因此: > src =“http://host.com/image1.png”的图像变为“http://host.com/image1.png”(无变化) > src =“/ image2.png”的图像变为“http://host.com/image2.png”(前置主机) 在我的项目中,用户可以输入网站的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 – 相对img src被解析为绝对…我错过了什么?全部内容,希望文章能够帮你解决html – 相对img src被解析为绝对…我错过了什么?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1117689.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存