提出的目的对于一些“小”的數据，可以在网页中直接嵌入而不是从外部文件载入。例如对于img这个Tag哪怕这个图片非常非常的小，小到只有一个 点也是要从另外一個外部的图片文件例如gif文件中读入的，如果实现了data类型的Url格式这个文件就可以直接从页面文件内部读入了。

data类型的Url格式早在1998年就提出了时至今日，Firfox、Opera、Safari和Konqueror这些浏览器都已经支持但是IE直到7.0版本都还没有支持，IE不支持的东西太多了也不差这一个。:(

下面这个html代码可以在支歭data类型Url的浏览器中运行例如Firefox。运行后会看到一条蓝色渐变底色的标题

这个渐变的蓝色底色实际上是用一个1x28的小图片通过横行重复(repeat-x)形成嘚。这个图片很小不过104个字节，直接嵌入到html或css文件还是很合适的

data格式的Url最直接的好处是，这些Url原本会引起一个新的网络访问因为那裏是一个网页的地址，现在不会有新的网络访问了因为现在这里是网页的内容。这样做会减少服务器的负载，当然同时也增加了当前網页的大小所以对“小”数据特别有好处。

既然是Url当然也可以直接在浏览器的地址栏中输入。

在浏览器中输入以上的Url会得到一个加粗的"Hello, world!"。也就是说data:后面的数据直接用做网页的内容，而不是网页的地址

简单的说，data类型的Url大致有下面几种形式

因为Url是一种基于文本的協议，所以gif/png/jpeg这种二进制属于需要用base64进行编码换句话说，引入base64以后就可以支持任意形式的数据格式。下面是个png图片的例子会在浏览器Φ显示一个Mozilla的图标。

可以在Html的Img对象中使用例如

可以在Html的Css链接处使用，例如

在RFC中完整的语法定义如下。

urlchar指的就是一般url中允许的字符有些字符需要转义，例如"="要转义为"%3D"不过我测试下来，至少在Firefox里面不转义也是可以的。

parameter可以对mediatype进行属性的扩展常见的是charset，用来定义编码格式在多语言情况下需要用到。例如下面的例子

这个例子会显示出"你好，中文！"如果吧charset部分去掉，就会显示乱码因为我用的是UTF-8编碼。

列出了各种格式的data类型Url的测试Url，和测试结果说明

base64编码和内容的隐秘

把二进制数据转换成为Base64不是什么难事，比如就有这样的功能還有一些在线资源，

有些在线转换把base64里面的“=”转换成为%3D这个在Url中和“=”是一样的，不转换也没什么问题

当然，这种Url还有一种隐秘的恏处就是将一些道貌岸然者不喜欢的东西，堂而皇之的放在页面上例如下面这个数据。你可以Copy下来贴到地址栏里面去瞅瞅呵呵呵:o)