何时使用img标签,何时使用background-image背景图像
2024-08-27 22:31:31
在什么情况下更适合使用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。
最新文章
- Sublime Text 3 全程详细图文原创教程(持续更新中。。。)
- 解决 java 使用ssl过程中出现";PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target";
- Python基础4- 字符串
- NFS客户端访问行为相关的几个参数解释
- PC和单片机通过MODBUS RTU通信
- 使用DOM进行xml文档的crud(增删改查)操作<;操作详解>;
- C#+ArcEngine中com对象的释放问题
- Tomcat启动:Container StandardContext[] has not been started
- 接口测试入门(3)--使用httpClient进行登录用例操作/set-cookies验证/ List<;NameValuePair>;设置post参数/json解析
- .Net Core Web/Console 下使用Nlog
- C语言之一维数组与指针
- java操作elasticsearch实现批量添加数据(bulk)
- java 文件创建 调试
- 参数FAST_START_MTTR_TARGET的理解
- 微信小程序的布局css样式
- Github最简单实用的Git命令指南
- php 获取数组深度的值
- 用户认证--auth模块实现
- C++11--智能指针shared_ptr,weak_ptr,unique_ptr <;memory>;
- Java数组排序和搜索
热门文章
- JavaScript和jQuery的学习
- delphi程序中定义热键
- C++匿名名字空间
- CCF 工资计算
- Error: registers may not be the same -- `strexb r3,r2,[r3]&#39;
- hihocoder1477 闰秒
- Redhat 7.4更新为Centos7的yum并安装docker-ce
- leveldb0
- 解决日志unicode编码问题
- 【Head First Servlets and JSP】笔记 27: web 应用安全