关于css样式文件带版本信息的说明

  •   
  • 3033
  • html
  • 0
  • dodobook
  • 2013/09/30

看到一些网站的css链接地址后面还带有版本信息的例如:

<link href="/css/base.css?v=1.0" rel="stylesheet" type="text/css" media="all">

这是为了避免css缓存,如果你每次都引用aa.css,那么在客户端那里访问的时候,即使你的aa.css已经修改了,但是浏览器默认还是会使用本地缓存的aa.css,如果你修改css之后,引用aa.css?v=XX,每次修改css都改变XX的数值,那么,在客户端那里,浏览器如果检测到XX与本地缓存的css不一致,就会重新去服务器请求最新的css,这样你的css才能在客户端体现。

一方面可以减轻客户端压力,如果版本号相同,客户端会直接调用缓存中的CSS文件,另一方面如果服务器端的CSS文件更新,只需修改版本号,客户端就会立即下载新的CSS文件,如果能在程序上自动给CSS,JavaScript文件添加版本号,能提高网站的性能,减少流量.

What matters most is how you see yourself. 最为重要的是你如何看待自己。