zoukankan      html  css  js  c++  java
  • 【笔记整理】<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

       

  • 相关阅读:
    SharePoint缓存配置
    修改默认的个人站点
    生成代码工具
    Ext 布局(layout)
    编程网站
    EXT 4.0 上传文件
    修改Ext grid 单元格
    Ext.tip.Tooltip 提示
    EXT iframe 应用
    EXT 4.0 TreeGrid 使用
  • 原文地址:https://www.cnblogs.com/ada-blog/p/12176758.html
Copyright © 2011-2022 走看看