15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 H5

img和image标签的区别

王少铮| 发布于 2021-11-01 11:33:50| 1086阅读| 1点赞| 0评论
举报

主要介绍两个标签的不同之处

网页开发中,要显示一个图片,有两种选择:第一种是使用HTML直接支持的img标签,设置其src属性。第二种是使用image这个服务器控件,设置其imageurl属性。

在很多时候,他们都没有什么大的区别。我们通常都建议使用Img标签。

有一个时候,可能用Image控件能解决一个棘手的问题。因为Img标签不能识别"~"这个符号,通常这个符号都是代表网站根目录,img标签只能使用相对路径引用图片。所以,在下面的情况下会有一点问题:

如果我们是在母版页中使用了一个图片,该母版页可能被很多页面用到,而且这些页面是分布在不同的文件夹的。那么,大家想想看,在不同的文件夹中的页面被显示出来的时候,当然会按照它这个文件夹的相对位置找那个图片,这样的话,除非每个文件夹里面都有那个图片,否则很多页面就看不到图片。

而用Image控件就能够解决这个问题


还有一个区别就是

<img src="@/static/mainback.png" class="bg">  

<image src="@/static/mainback.png" class="bg">image>

使用img时,可以使用@代表根路径,但使用Image标签时会报错



1

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王少铮
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部