img标签

这里的img标签内容，

为什么我直接在 src=$poi_pic的后面写/>，

'<img class="item-img" src=$poi_pic/>'

不加空格就会报错获取到图片，而加上空格

'<img class="item-img" src=$poi_pic />'

就可以正常获取到图片了。

img标签的结束符必须和前面的属性有空格吗？可是div、p标签那些不加空格都可以正常解析的呀，img标签的写法就是这样规定的必须要有空格么？

Aurora_Meteor 2020-04-29

源自：实战：订单页&“我的”页面 1-2 订单页-订单列表

20

收起

3回答

好帮手慕粉回答被采纳获得+3积分 2020-04-29 19:19:12

同学你好，关于同学的问题回答如下：

1、是的，因为我们放上的是个变量，变量是不需要加引号的，浏览器会正确解析的。

2、是的，img标签也可以不写/：

3、下面这个理解是正确的：

这样可以把属性跟/分隔开来。

4、后面加个/代表的是一个单闭合标签，在渲染的时候不会渲染上，看一个简单的例子：

它只是代表这个标签结束了。

祝学习愉快~

Aurora_Meteor 提问者 #1

您的第一点，是因为我们模板写的src是$poi_pic，这是个变量，当它和后面的/连起来的时候，浏览器就会认为这个变量是$poi_pic/，img标签以>结尾；而当它们分开时会认为这个变量是$poi_pic，img标签以/>结尾。所以img标签中的src属性是变量的时候必须和后面的/>分开对吗？其他的单闭合标签如果写属性值的时候也是以变量形式的话，是不是也得和结束符号分开，是一样的理由？

2020-04-29 20:19:38

好帮手慕粉 2020-04-30 10:00:59

同学你好，是的，理解的是正确的。

祝学习愉快~

好帮手慕粉 2020-04-29 18:41:52

同学你好，当不加空格时，就跟我们定义的变量连接在一起了，会被认为是一个整体：

图片地址渲染是这样的：

这样写浏览器就不能正确的进行识别了。当后面多了一个空格后，浏览器就知道这是两个东西：

就能正确渲染了。

祝学习愉快~

提问者 Aurora_Meteor #1

我把图片地址打印出来发现是没有引号的，地址替换以后浏览器自动给属性值加上的引号吗？把地址和/>连在一起会把/也认为是地址一部分，原因是img标签的结尾可以是/>也可以是>吗？当/和前面的地址连接在一起的话浏览器就会认为/和地址是一体的，所以以>结尾？我尝试把class属性写在后面，src属性写在前面，class属性值和/>连在一起也不会报错，是因为class属性值是""，所以浏览器就认为前面的是一个完整的属性，就可以正常渲染了？好像不太对...我不管使用什么方式，渲染出来的页面属性中img标签都是以>结尾的，那我们写的/去哪了呢？

2020-04-29 18:54:41

相似问题

老师，这里a标签包裹img标签怎么操作的？用的快捷键吗？

为什么img标签的src不用写链接地址呀？

请教一下为什么banner处用ul标签表示图片，而footer用span标签？

请问属性和标签有什么区别？

div中的img标签中设置图片的宽度是无效的吗？

登录后可查看更多问答，登录/注册

3.WebAPP开发与小程序

参与学习人
提交作业 622 份
解答问题 6815 个

微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。

本课精华内容

问答作业

代码分享-模仿高德官网效果做的

129 1

为什么图片这么大

27 15

老师帮我看下为什么谷歌浏览器点不了进度条没次点击都会重新播放用火狐浏览器就是可以的

34 14

这两个公式怎么推导出来的？

40 13

laoshi老师

57 13

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载