css数据链接

数据链接定义

1. 定义：将目标文件的数据直接书写到路径位置

2. 语法：dataMIME,数据 (MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型)

   例： <link rel="stylesheet" href="data:text/css,h1{color:bule}">
   

数据链接意义

1. 优点：

   （1）减少了浏览器中的请求，减少请求中浪费的时间
   
             请求：向服务器发送一条请求指令
   
             响应：服务器响应请求
   
   （2）有利于动态生成数据
   

2. 缺点：

   （1）增加了资源的体积，导致了传输内容增加，从而增加了单个资源的传输时间
   
   （2）不利于浏览器的缓存，浏览器通常会缓存图片文件，css文件，js文件
   

数据链接应用场景

1. 应用场景:

          （1）但请求单个图片体积较小，并且该图片因为各种原因，不适合制作雪碧图
   
          （2）图片由其他代码动态生成,并且图片较小，可以使用数据链接
   
          （3）补充：base64（用于img图片的数据链接，img src="data:image/png,base64,数据"）