Prevent caching of HTML page [duplicate]

Question

I have a HTML page. The problem is that I do not want to have the users to refresh the page each time I put on new content.

I have the following code in order to make sure that the page is not cached:

     <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>      <meta http-equiv="Pragma" content="no-cache"/>      <meta http-equiv="Expires" content="0"/> 

The problem is, I still need to do a refresh on the page in order to get the most current content to show up. Am I doing something wrong? Should I be using some other tags?

Answer 1

The Codesnippet you showed makes the browser load the website everytime it accesses it, which is useful if you perform frequent updates, but still have a static page.

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="Expires" content="0"/> 

In case you want it to perform live updates, like it does for example in a (g)mail account, you need to make it refresh (parts of the page) itself. Use Javascript in this case, like it is shown in this question or an ajax call.

$('#something').click(function() {     location.reload(); }); 

Answer 2

The values you have there are OK, but meta http-equiv is highly unreliable. You should be using real HTTP headers (the specifics of how you do this will depend on your server, e.g. for Apache).