何时使用img标签,何时使用background-image背景图像
来源:互联网 发布:wps当前网络受限 编辑:程序博客网 时间:2024/06/06 11:48
转载自:http://www.cnblogs.com/zjBoy/p/3729550.html
何时使用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。
- 何时使用img标签,何时使用background-image背景图像
- 何时使用img标签,何时使用background-image背景图像
- 何时使用img标签,何时使用background-image背景图像
- 前端HTML<img>标签图像的属性和使用/图像img与背景background的区别
- 何时使用section标签
- 何时使用@()
- 浅析img与background-image使用技巧
- 何时使用 Parallel.ForEach,何时使用 PLINQ
- 1 何时使用Class?何时使用Struct?
- 何时使用copy,何时使用strong
- mysql何时使用myisam, 何时使用innodb ?
- android 何时使用Service 何时使用Thread
- 何时使用 Parallel.ForEach,何时使用 PLINQ
- 何时使用注解
- 何时应该使用struts?
- [C++] 何时使用vector
- 关于何时使用接口
- 何时使用引用参数
- LA 3026 Period——kmp求n次最小循环节
- 关于Class File Editor的解决方法
- PYTHON装饰器初探
- 表联结中的ON条件与WHERE条件
- Leetcode-329: Longest Increasing Path in a Matrix
- 何时使用img标签,何时使用background-image背景图像
- 静态代理与动态代理模式
- 二叉排序树的建立
- 初识Hbase-使用批量导入将.TSV文件中数据导入到Hbase表中
- SQL中用一个参数决定选取部分还是全部
- Android Api demo系列(二) (App>Activity>CustomDialog)
- POJ2144 轮廓线DP
- DecimalFormat 与double格式化
- HDU 3667 Transportation(建边技巧+最小费用最大流)