Data.URI.scheme

转载于 2019-06-09 21:14:00 发布 · 74 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/songjianming/p/10994871.html

文章标签：

#javascript #ViewUI

本文深入解析了DataURLScheme的工作原理，展示了如何使用DataURLScheme将各种类型的小数据（如文本、HTML、CSS、JavaScript、图像等）直接嵌入网页，避免了额外的文件加载，提高了网页加载速度。

<!DOCTYPE html>
<html>
<body>
<!--
Data URI scheme是在RFC2397中定义的，目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入。
目前，Data URL 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图片数据
-->
<img src="https://img-blog.csdnimg.cn/2022010707154351664.jpeg">
</body>
</html>