1、需要用图片做背景的时候就用背景图片,这时候页面(背景图片)上还是可以继续加入其他标签结构的,如段落、表单等,就相当于原来白色的背景就变成那张图片做底了。 插入图片是在已有的结构里插入图片标签,这时候图片就是页面单纯的元素了,可以设置为链接,也可以什么都不做仅仅是图片而已,图片上面不能直接再放其他标签了。
2、a--img是html标签,占位,background-image是CSS样式,不占位
b--在网页加载过程中,img作为网页结构内容的一部分,会在加载结构的过程中加载,而background-image作为css样式的一部分,会在结构加载完成后开始加载。(如果你引入了一个很大的图片,在这个图片下载完成之前,img后面的内容都不会显示,而如果用css引入同样的图片,网页结构和内容加载完成之后,才开始加载背景图片,不会影响你浏览网页内容。)
c--背景图片在加载失败或路径找不到时,不会显示图片标记,img标签在加载失败或找不到路径时,显示一个撕裂的小图标标记
参考自:https://www.imooc.com/wenda/detail/343134
https://blog.csdn.net/smlljet/article/details/103321869