为什么要用background-image属性而不是<img>标签?

来源:16-4 外部组件(2)

慕标赏嗨

2019-06-18

在写品牌brand时,请问为什么要用的<span> background-image属性而不是<img>呢?
我一般都会用<img>,也经常碰到和文字不能水平对齐的问题。。。


http://img.mukewang.com/szimg/5d087d1b0001e3ae03060539.jpg

写回答

2回答

ustbhuangyi

2019-06-18

//img.mukewang.com/szimg/5d088291000159a406780276.jpg
并不玄学啊,这个也是从语义化的角度来思考的,比如红框部分,明显就是一张图片,它属于内容,就应该用 img 标签,而后面虚幻部分,显然就是背景啦。
至于品牌,其实你把它看成 img 和 background 都解释的通,也可以用 img 吧。

0
1
慕标赏嗨
非常感谢!
2019-06-18
共1条回复

ustbhuangyi

2019-06-18

background-image 通常用来描述背景,
而 img 标签通常用来描述内容。

0
1
慕标赏嗨
怎么说得有点“玄学” @_@ 老师能再解释解释吗?
2019-06-18
共1条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程