data:image 用法

最新推荐文章于 2024-07-15 17:41:21 发布

shang222

最新推荐文章于 2024-07-15 17:41:21 发布

阅读量4.3k

点赞数

分类专栏： web前端css java CSS 文章标签： data:image

本文链接：https://blog.csdn.net/shang222/article/details/84680947

版权

java 同时被 3 个专栏收录

28 篇文章 0 订阅

订阅专栏

web前端css

5 篇文章 0 订阅

订阅专栏

CSS

3 篇文章 0 订阅

订阅专栏

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

将图片转化成字节码：http://www.vgot.net/test/image2base64.php?

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
</head>
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<style type="text/css">

</style>
</head>
<body>
<img src="https://img-blog.csdnimg.cn/2022010622421735932.png"/>
<img src="https://img-blog.csdnimg.cn/2022010622421765586.png"/>
</body>
</html>
</body>
</html>