当直接在浏览器中输入一个URL，或者点击一个链接的时候，那么浏览器缓存就会起作用，如果缓存没有过期，那么浏览器会从本地读取资源，不会发起HTTP请求，如果缓存过期，那么浏览器会发起新的浏览器请求。

一、适用直接访问，非F5刷新页面的情况下
Expires是HTTP/1.0的缓存头， Cache-Control: max-age 是HTTP/1.1是用来进行HTTP缓存的头。Expires指定了资源过期的绝对时间，GMT格式，Cache-Control: max-age指定了资源过期的相对时间，单位是秒。在支持HTTP/1.1的浏览器上，如果发送两个头，那么Cache-Control: max-age会覆盖掉Expires;在支持HTTP/1.0的浏览器上，即使发送了两个头，但是只有Expires会起作用，所以为了兼容老的浏览 器，还是要同时发送这两个头。设置HTTP缓存，需要安装expires_module，其会发送Expires和Cache-Control: max-age两个HTTP头。

配置apache：
可以直接配置在httpd.conf文件中

ExpiresActive On
ExpiresByType application/x-javascript "access plus 20 minutes"
ExpiresByType text/css "access plus 20 minutes"
ExpiresByType image/gif "access plus 20 minutes"
ExpiresByType image/jpeg "access plus 20 minutes"
ExpiresByType image/png "access plus 20 minutes"

ExpiresByType application/x-javascript "access plus 20 minutes" 表示对js资源设置Expires和Cache-Control: max-age头，其中Expires的值是以客户端访问资源的时间为基准的后20分钟，Cache-Control: max-age的值是60x20秒。

ExpiresByType application/x-javascript "modification plus 20 minutes"和上面效果一样，只是Expires的时间是以资源最后修改的时间作为计算的基准。

二、适用F5刷新页面的情况下
关于ETage及Last-Modified
Last-Modified与ETag是同样的功能，都是用来标识一个资源是否更改过，Last-Modified的值是资源的时间戳，如果按F5或者刷 新按钮则If-Modified-Since头会带着时间戳发送到服务器，如果服务器上资源的最后修改时间<=这个时间，那么返回304 Not Modified，否则返回200 OK 以及新的资源;ETag的值是通过资源的信息(一般为inode，大小，时间戳)而计算出来的一个字符串，如果按F5或者刷新按钮则If-None- Match头会带着这个值发送到服务器，服务器用这个值来和当前资源的值进行比对，如果相等，则返回304 Not Modified，否则返回200 OK 以及新的资源。默认情况下Apache对静态资源会发送Last-Modified和ETage
视浏览器支持情况，较老的浏览器支持Last-Modified，较新的浏览器支持ETage，所以为了兼容，可以两个都开启，不过，当两者都开启的情况下，apache会验证同时验证两者是否符合缓存条件，也就是即使Last-Modified符合缓存条件而ETage不符合，apache会重新返回内容，即返回200状态码而不是304

apache默认情况下同时开启这两项功能的

如果关闭ETage
配置这两行即可
FileETag None
Header unsets ETag

如果只是部分关闭Last-Modified,如只对gif|jpg|png文件关闭
配置如下：
LoadModule headers_module modules/mod_headers.so
<FilesMatch "\.(gif|jpg|png)">
Header unset Last-Modified
</FilesMatch>

参照Apache官网文档：http://httpd.apache.org/docs/2.2/zh-cn/mod/mod_expires.html