当前位置:首页 > Web开发 > 正文

例:下面这一段代码放到url地址栏访问会得到一个加粗的Hello

2024-03-31 Web开发

??所谓"data"类型的Url格局,是在RFC2397中 提出的,目的对付一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入。例如对付img这个Tag,哪怕这个图片非常非常的小,小到只有一个 点,也是要今后外一个外部的图片文件例如gif文件中读入的,如果浏览器实现了data类型的Url格局,这个文件就可以直接从页面文件内部读入了。

例:下面这一段代码放到url地点栏访谒会得到一个加粗的"Hello, world!"

data:text/html,<html><body><p><b>Hello, world!</b></p></body></html>

简单的说,data类型的Url大抵有下面几种形式。

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图片数据

??因为Url是一种基于文本的协议,,所以gif/png/jpeg这种二进制属于需要用base64进行编码。换句话说,引入base64以后,就可以撑持任意形式的数据格局。

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31937.html