“数据”类型的Url格式是在RFC2397中提出的，其目的是直接嵌入到某些“小”数据的网页中，而不是从外部文件中加载。 例如，对于名为img的Tag，即使此图像非常小且只有一个点，也会从另一个外部图像文件(例如gif文件)中读取。 如果浏览器实现了data类型的Url格式，则可以从页面文件内部直接读取此文件。
data类型的Url格式于1998年提出，现在支持Firfox、Opera、Safari、Konqueror等浏览器，但直到7.0版才支持IE。 IE不支持的东西太多了，这也不错。
小例子
以下html代码可以在支持data类型Url的浏览器(如Firefox )中执行： 执行后，将显示蓝色渐变的底色标题。
html public '-//W3C//dtd XHTML 1.0 transitional//en '
' http://www.w3.org/tr/XHTML1/dtd/XHTML1- transitional.dtd '
. title{
ack ground-image : URL (data : image/gif； base64，r0 lgodlhaqacalmaamxh 96 HR 97 xz 98 HF 98 XG 97 dx 97 nb 98 lf 97t g 973 ru 97ba 97/e 96 x S9 waaa ch5 baaaaaaaalaaaababaaqvmlhvbbdnvbbdnaaba
background-repeat:repeat-x；
height:28px；
line-height:28px；
文本照明3360中心；
}
你好，世界！ 该渐变的蓝色底色实际上是使用1x28的小图像通过横行重复(repeat-x )形成的。 此图像很小，但104字节，最好直接嵌入到html或css文件中。
data格式的Url的最直接优点是这些Url原本就会引起新的网络访问。 那里是网页的地址，所以现在没有新的网络接入。 因为现在这里是网页的内容。 这样可以减轻服务器的负担，当然也会增加当前网页的大小。 所以对“小”数据特别好。
数据类型Url的格式
因为是Url，当然也可以直接在浏览器的地址栏中输入。
数据：文本/html、
你好，世界！
在浏览器中输入上述Url后，用粗体显示' Hello，world！' 来修改选定线条的属性。 这意味着data:后面的数据直接用作网页的内容，而不是网页的地址。
简单来说，data类型的Url大致有以下形式。
数据：
数据：文本/播放器、
数据：文本/html、
data :文本/html； 基本64，
数据：文本/CSS、
data :文本/CSS； 基本64，
data :文本/JavaScript，
data :文本/JavaScript； 基本64，
数据： image/gif； base64、base64编码的gif图像数据
数据： image/png； 基本64、基本64编码的png图像数据
数据： image/JPEG； base64、base64编码的jpeg图像数据
data:image/x-icon； 基本64、基本64编码的icon图像数据
由于Url是基于文本的协议，因此像gif/png/jpeg这样的二进制文件必须使用base64进行编码。 这意味着引入base64可以支持任何格式的数据格式。 以下是png图像的示例，在浏览器中显示Mozilla的图标。
数据： image/png； 基本64， ivborw0kggoaaaansuheugaaabaaaaqcayaaaak/in ww K6 qaaaabgdbtueaaak/in ww K6 qaaabl0rvh 0u 29 mdhcmuaqwrvymugsw1hz2 vszwkexhjztwaaaahwsuahwsuahwsuathwsuababarababathathabathatttthablquab iynjfyd/1 rvq7ffu3dpfpsbaaheahibcj 85 c 8bn2NJ4VW sdw/8 zqlwrdshuwzbaaigjmtnpgya 9j8uqhfelwpxf2mideirksn9fwsjorksn 9 gqky 4h H5 wax gf8 pdq0fgwj 22 d 27 cjadaairlmjomxa9r2kahvgba2wwx 6b8w7 od6ceqcgkcmcel8bgwxycbuiacuotgaccued3tdqn 75 D4 XM avco K9 avcod glmvqhwyjyul 2d4v2 CP g8v zswx7ghyaak 7a OIF7saboqcmn 4h a3 ahfsidtgpq/v lz8p4MSK J2 w9 h8 ggbjevxvhdo4fquqg/kdyppg sobmyi8basajfpcj1aaeejwqlpabxmh5bjj qi 0g i9 dtaagdbccavlkgmq7ykczxpcqxquzhaeccj 4x GML 493 ug 21 zdadaxh0WLM4a9 mzpxjkjiawtar 5
data格式Url的各种应用示例
可用于Html的Img对象。 范例
可用于Css的背景图像属性。 范例
div.image{
width:100px；
height:100px；
background-image : URL (数据： image/x-icon； base64，AAABAAEAEBAAAAAAAABoBQAAF . )；
}
可以在Html的Css链接处使用。 例如
href='data:text/css； base64，lyogkioqkiogvgvtcgxhdgugkioq . ' /
可以在Html的Javascript链接目标中使用。 例如
完整的语法定义
在RFC中，完整语法定义如下：
数据URL :='数据： ' [ media type ] [ '； base64' ]，' data
media type :=[ type '/' subtype ] * (parameter )
data :=*urlchar
parameter :=attribute '=' value
urlchar是指一般url允许的字符。 我们测试了一些字符“=”需要转义为“=”，但至少在Firefox中可以不转义。
参数可以扩展媒体类型的属性。 一般来说，charset需要定义编码格式，并使用多语言。 例如下面的例子。
data :文本/播放器； charset=UTF-8； base 64，5l2g 5aw 977 ym 5l it5 PAH 77 Yb
这个例子是“你好，中文！ " "。 如果删除条形charset部分，因为使用的是UTF-8编码，所以会显示乱码。
Firefox提供了data类型Url的测试页，其中包含各种格式的data类型Url的测试Url和测试结果的说明。
base64编码和内容隐匿
将二进制数据转换为Base64并不是一件难事。 例如，Total Commander就有这样的功能。 也有在线资源
33558 www.grey wyvern.com/code/PHP/binary2base 64
33558 www.kawa.net/works/js/data-scheme/base 64-e.html
某些在线转换将base64中的“=”转换为=。 这在Url中与"="相同，不转换也没有问题。