HTML中css和js链接中的版本号

 

背景

在搜索引擎中搜索关键字.htaccess 缓存,你可以搜索到很多关于设置网站文件缓存的教程,通过设置可以将css、js等不太经常更新的文件缓存在浏览器端,这样访客每次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、js等,而不必从你的服务器读取,这样在一定程度上加快了网站的打开速度,又可以节约一下你的服务器流量。

问题

现在问题来了,.htaccess设置的css、js缓存都有一个过期时间,如果在访客的浏览器中已经缓存了css、js,在这些css、js缓存未过期之前,浏览器只会从缓存中读取css和js,如果你在服务器上修改了css和js,那么这些更改在回头客的浏览器中是不会有变化的,除非回头客按了Ctrl + F5刷新了你的网站页面或者手动清空了浏览器的缓存。一个网站的访客成千上万,回头客也会有不少,你不可能在更新css后让每个访客都刷新一下缓存吧,那么这个问题你会怎么处理呢?

Read More

运用HTML与CSS 排版网页简历

简历的成品应该是一页纸。就是说,简历上的文字位置应该是固定的。而html和CSS都是针对网页的流式排版的,流式排版的特点是文字会根据输出终端的不同而变更绝对位置,就是说,HTML和CSS无法保证最终的简历效果和你预想地一样,也就并不适用于需要固定版式排版的简历。
如果用HTML排版,最终的输出方式可能有三种,HTML网页,PDF,打印到纸上。
首先说HTML网页。我们如果给HR发电子版的HTML网页简历的话,HR换个浏览器看到的效果就不同了,如果浏览器的字体、缩放等设置稍有不同,或者显示器的分辨率不同,都会导致最终显示效果不同。
接下来,考虑输出为PDF的情况。将HTML转换成PDF的话,虽然版式固定了,但是这个固定的版式多半不是你自己想要的效果,PDF的版式会和HTML网页的版式有差别。
最后,如果打印到纸上,版式应该和PDF一样,只不过一个是实体版,一个是电子版。版式也会和PDF一样不如你所愿。
经Linkzero Tsang提醒,在 CSS 中写好 @media print 中的样式的话,效果还是能够控制的。 

Read More