Data URI scheme_PHP教程
程序员文章站
2022-06-04 14:53:37
...
-----------------------------------------------------------------------------------------------
Data URI scheme is a URI scheme(统一资源定位符的模式)。
我们熟知的站点引用资源文件,都是类似http://www.chenwei.ws/demo.png这种的格式,但是data URI scheme 提供将外部资源嵌入到网页中的方法。
它是一种文件或文档的形式,这项技术允许普通的元素诸如要取的图片,样式表放在单一的http请求中,替代很多http请求。(相当于变成网页的一部分了)
------------------------------@author chenwei
用法=>
HTML:
img src="data:image/png;base64,iVBORw0Rw0KGgoAA......">
CSS:
div {background: red url('data:image/png;base64,iVBORw0Rw0KGgoAA......') no-repeat scroll left top;}
JavaScript:(IE8不支持)
上一篇: 求大神看看这个路径咋回事
推荐阅读
-
Data URI scheme详解和使用实例及图片base64编码实现方法
-
PanFone Mobile Data Transfe如何使用?安卓iPhone互传工具使用教程
-
Samsung Data Recovery Pro如何使用?三星设备数据恢复软件安装使用教程
-
SQL Maestro ASA Data Sync如何激活?数据库同步软件安装激活教程
-
[Oracle] Data Guard CPU/PSU补丁安装详细教程
-
Navicat Data Modeler怎么激活?Navicat Data Modeler安装激活详细图文教程
-
Aiseesoft Data Recovery如何安装?Aiseesoft Data Recovery安装破解教程
-
Power Data Recovery(超级硬盘数据恢复软件)怎么使用?Power Data Recovery使用教程
-
jquery操作HTML5 的data-*的用法实例教程分享
-
mysql 5.7.21 解压版通过历史data目录恢复数据的教程图解