【笔记整理】<img>和background的区别

1. 按照浏览器解析机制。

  <img>属于html标签,background是css属性。html标签优先解析.

  所以重要元素,如logo就应该用<img>. 如果仅仅是为了显示一张图片,比如banner广告图等,建议采用background。避免占用带宽造成数据阻塞。

2. 从SEO的角度看

   <img>标签是自闭和的,不能添加文本内容。但是alt上可以加上图片的文本信息来便于SEO。background内容写在前面,图片放在背景上,利于SEO 

所以还是background更适合SEO

3.从修改的角度

  img标签的图片是src拿到的,如果html代码不允许修改,如果要换图片,只能用同名文件替换

  background从修改的角度来说比较方便。

综合来说:

   重要的,需要优先加载的图片最好用<img> 

   不重要的图片采用background

   

原文地址:https://www.cnblogs.com/ada-blog/p/12176758.html