首页 » 网站建设 »

什么是Data URI Scheme?

2020年9月24日 / 8次阅读
HTML

简单说,形如:

data:{mimeType};base64,{code}

这样的字符串,就是Data URI Scheme。一般出现在img元素的src属性:

<img src="data:image/png;base64,iVBORw0KGgoAAAA...SAAAAABJRU5ErkJggg==" />

DATA URI Scheme的作用,一般就是将经过Base64编码的数据嵌入网页中,从而减少请求资源的链接数,坏处是不会被浏览器缓存起来,有的时候,这也不是坏处。

Data URI scheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。

目前,Data URI scheme支持的类型有:

data:,文本数据

data:text/plain,文本数据

data:text/html,HTML代码

data:text/html;base64,base64编码的HTML代码

data:text/css,CSS代码

data:text/css;base64,base64编码的CSS代码

data:text/javascript,Javascript代码

data:text/javascript;base64,base64编码的Javascript代码

data:image/gif;base64,base64编码的gif图片数据

data:image/png;base64,base64编码的png图片数据

data:image/jpeg;base64,base64编码的jpeg图片数据

data:image/x-icon;base64,base64编码的icon图片数据

个人认为,这种方式可以带来一定程度的简洁,原来一个html文件要配上一大堆图片,现在把所有图片都以base64的方式嵌入html源代码,多好!

使用jupyterLab导出的html文件,都是这种风格,就一个html文件,里面啥都有!

本文链接:https://www.maixj.net/wz/data-uri-scheme-23936

相关文章

留言区


前一篇:
后一篇:
-->只要几分钟回答问卷,就能轻松赚现金!

栏目精选

云上小悟,麦新杰的独立博客

Ctrl+D 收藏本页

栏目


©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有 备案号:苏ICP备14045477号-1。云上小悟网站部分内容来源于网络,转载目的是为了整合信息,收藏学习,服务大家,有些转载内容也难以判断是否有侵权问题,如果侵犯了您的权益,请及时联系站长,我会立即删除。

go to top