zoukankan      html  css  js  c++  java
  • 何时使用img标签,何时使用background-image背景图像

    在什么情况下更适合使用HTML IMG标签来显示一个图像,而不是一个CSS有背景图像,反之亦然?

    如下场景使用img标签比较合适:

    1、如果图像是等内容的一部分或图表或人(真正的人,而不是股票图人),使用Img标签加上alt属性。

    2、如果你想打印页面并且你想要的图像包括默认情况下使用IMG。

    3、使用IMG(alt文本)图像有一个重要的语义时,比如一个警告图标。这将确保图像的意义可以很好的和user-agents沟通,包括屏幕阅读器。

    4、如果你依赖于浏览器缩放图像比例并且可以呈现不错的效果时使用IMG。

    5、如果配合 z - index 伸展背景图像来填补它的整个窗口时使用IMG。

    6、使用img代替有背景图像可以显著提高性能的动画背景。

    7、IMG会首先加载因为src在html文件本身中而在有背景图像源是样式表中引入的图像,加载样式表加载后,延迟加载的网页。

    如下场景使用background-image属性比较合适:

    1、如果图像不是内容的一部分时使用backgrond-image。

    2、当图像代替文本使用时使用backgrond-image。

    3、如果你想打印页面并且你不想要的图像包括默认情况下使用backgrond-image。

    4、如果需要缩短下载时间通过CSS sprites 时使用backgrond-image。

    5、如果你只需要展示图像的一部分通过CSS sprites,时使用backgrond-image。

    6、如果你需要为不同的屏幕分辨率展示不同的图像使用 media查询时使用backgrond-image。

  • 相关阅读:
    阻塞IO与非阻塞IO
    Java 中 IO 流分为几种?BIO,NIO,AIO 有什么区别?
    linux7启动时自动启动zookeeper和Tomcat
    linux7下配置Tomcat
    背景图片变色,或者背景渐变
    Linux7版本网络配置
    linux7中jdk安装
    linux7中zookeeper的安装-依赖于jdk
    Avoided redundant navigation to current location
    Auto Fix is enabled by default. Use the single string form
  • 原文地址:https://www.cnblogs.com/refe/p/5262309.html
Copyright © 2011-2022 走看看