【笔记整理】<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