Data URI Scheme

Data URI Scheme,base64
一、从HTTP URI Scheme入手　　　　　　　　　　　　　　　　　　　　　　　　

  对于 <a href="http://github.com">HTTP URI Scheme</a> 我想大家都应该很熟悉了，href属性值http://github.com就是HTTP URI Scheme，那么什么是DATA URI Scheme呢？其实就是形如data:text/jpeg;base64,XINGSXXIANGJIJIGSAG==的资源链接，一般出现在img元素的src属性。

  DATA URI Scheme的作用，一般就是将经过Base64编码的数据嵌入网页中，从而减少请求资源的链接数。上面的DATA URI Scheme中 base64, 后的字符就是经过base64编码后的数据，浏览器会对其解码并渲染该图片资源。

 

二、Data URI Scheme格式　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

  data:①[<mime type>]②[;charset=<charset>]③[;<encoding>]④,<encoded data>⑤

  ①.  data ：协议名称；

  ②.  [<mime type>] ：可选项，数据类型（image/png、text/plain等）

  ③.  [;charset=<charset>] ：可选项，源文本的字符集编码方式

  ④.  [;<encoding>] ：数据编码方式（默认US-ASCII，BASE64两种）

  ⑤.  ,<encoded data> ：编码后的数据

 注意：

　[a].  [<mime type>][;charset=<charset>] 的缺省值为HTTP Header 中Content-Type的字段值；

   [b].  [;<encoding>] 的默认值为US-ASCII，就是每个字符会编码为%xx的形式；

　[c].  [;charset=<charset>] 对于IE是无效的，需要通过 charset 设置编码方式；