数据链接定义
-
定义:将目标文件的数据直接书写到路径位置
-
语法:dataMIME,数据 (MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型)
例: <link rel="stylesheet" href="data:text/css,h1{color:bule}">
数据链接意义
-
优点:
(1)减少了浏览器中的请求,减少请求中浪费的时间 请求:向服务器发送一条请求指令 响应:服务器响应请求 (2)有利于动态生成数据
-
缺点:
(1)增加了资源的体积,导致了传输内容增加,从而增加了单个资源的传输时间 (2)不利于浏览器的缓存,浏览器通常会缓存图片文件,css文件,js文件
数据链接应用场景
-
应用场景:
(1)但请求单个图片体积较小,并且该图片因为各种原因,不适合制作雪碧图 (2)图片由其他代码动态生成,并且图片较小,可以使用数据链接 (3)补充:base64(用于img图片的数据链接,img src="data:image/png,base64,数据")