什么是Data URI
正常的image标签(http URI scheme)
<img src="//sjolzy.cn/images/A.png"/>
(data URI scheme)
<img src="data:image/png;base64,iVBORQS5wbmdn" />
Data URI语法
data - 取得数据的协定名称 image/png - 数据类型名称 base64 - 数据的编码方法 iVBOR…. - 编码后的数据 : , ; - data URI scheme 指定的分隔符号
作用
将内容内置于html中，减少http请求
CSS应用
若一张图片多次使用，为其绑定一个特殊类名
/*
Content-Type: multipart/related; boundary="_ANY_STRING_WILL_DO_AS_A_SEPARATOR"
--_ANY_STRING_WILL_DO_AS_A_SEPARATOR
Content-Location:the9
Content-Transfer-Encoding:base64
QS5wbmdn (这里是base64编码)
*/
.class{
backgroung-image:url('data:image/png;base64,iVBORQS5wbmdn');
*backgroung-image:url('mhtml:地址!class');//兼容IE
}
