如何告诉浏览器缓存HTML文档中的特定元素

时间:2010-03-11 22:11:32

标签: html caching browser

我使用php生成输出。我一直在阅读有关在浏览器中缓存HTML元素(例如图像,文本)的内容,以便不必重新加载这些元素。

但是,我还没有找到如何完成它的正确方向。这就像“只是缓存你想要的元素,你就完成了!” - 太好了,但是如何缓存这样的东西:

<div id="ubiquitous_heading">
    <img src="logo.png" alt="logo" />
    <span>Welcome to this dummy website</span>
</div>

是否有一个标题可以定位HTML元素并指定要缓存的内容而不是什么? 我指的是结构如下的东西:

#ubiquitous_heading {
   cache: yes;
}
#no_cache_please {
   cache: no;
}

有办法吗?当人们说“you can cache a specific element in your HTML?”指的是每个元素(包括指向css,js的链接)时,人们究竟是什么意思。

感谢您为我清除此事。

2 个答案:

答案 0 :(得分:2)

您只能缓存对HTTP请求的响应,而不是它们的一部分。从理论上讲,你可以在一个框架中放置一个共享标题并将其缓存,但大多数情况下它会变得更加混乱并且不值得麻烦。你可以 缓存的是图像,脚本和样式表;通常,所有外部资源都是静态的,并在单独的请求中获取。

答案 1 :(得分:2)

只能缓存资源。您的标准Web请求具有以下资源:

  • html page(s)
  • 脚本文件
  • 样式表
  • 图像
  • 字体(希望即将推出!)

任何和所有这些都可以缓存,但是,您无法在浏览器级别缓存一个资源的一部分(例如,样式表中的一个规则或html页面中的一个元素)。