我们正在重写我们的一些网站,并试图为我们的用户充分利用浏览器缓存.我们创建了一组共享的css文件,我们计划将其用作我们创建的多个站点的"公司品牌".
原因是,我们知道浏览器会将CSS文件缓存一段确定的时间.如果我在具有不同外壳的不同站点中指定相同的文件名,它会缓存文件的两个版本(即使它们是相同的内容),还是会识别出它是同一个文件,从而忽略了文件名的大小写
<link href="http://branding.corporateentity.com/style/screen.css" type="text/css" />
<link href="http://branding.corporateentity.com/style/print.css" type="text/css" />
VS:
<link href="http://branding.corporateentity.com/Style/Screen.css" type="text/css" />
<link href="http://branding.corporateentity.com/Style/Print.css" type="text/css" />
URL 区分大小写，因此最好始终使用特定的大小写。为了简单起见，我建议将所有内容都小写（并用破折号分隔单词）。出于 SEO 目的，也建议您的页面名称和图像使用此方法。
浏览器会将不同的大小写视为不同的文件，因为它们不知道服务器是否正在执行相同的操作。style/screen.css因此，如果浏览器看到 的链接，则不会使用其缓存Style/Screen.css。