<img src="example.jpg">当图片在HTML文件所在目录的下一级目录中时,需要在图片名称前加上一个斜杠“/”和文件夹名称,如:
<img src="/images/example.jpg">当图片在HTML文件所在目录的上一级目录中时,需要在图片名称前加上两个点“..”和文件夹名称,如:
<img src="../images/example.jpg">相对于根目录路径 如果根目录是http://example.com,图片位于http://example.com/images/目录下,那么图片的路径就应该是:
<img src="/images/example.jpg">绝对路径 绝对路径指定了图片在服务器上的具体位置,使用绝对路径可以确保在不同环境中都正常显示。如:
<img src="http://example.com/images/example.jpg">网络路径 网络路径是指在CDN上存储的图片,如:
<img src="//cdn.example.com/images/example.jpg">总结 相对路径:相对于当前文件路径和相对于根目录路径两种格式,用于指定图片位于HTML文件的位置。 绝对路径:指定了图片在服务器上的具体位置。 网络路径:指在CDN上存储的图片。 以上是图片路径设置的介绍,希望对大家有帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。