Monday, September 24, 2007

Stop Browser Caching Using Meta Tags

To stop browsers from storing a version of your web page in its cache, use the meta tag, Pragma:No-Cache, that is,

<meta http-equiv="PRAGMA" content="NO-CACHE">

This meta tag needs to be included between the head tags of your html page.

<html>
<head>
<meta http-equiv="PRAGMA" content="NO-CACHE">
</head>
<body>

Unfortunately, the Pragma:No-Cache meta tag does not work all the time. Work arounds are needed for Internet Explorer because of the way it handles caching.

Work Around for Internet Explorer

For Internet Explorer 5, you would need to add an additional Expire:-1 meta tag, that is, <meta http-equiv=”EXPIRES” content="-1"> along with the Pragma:No-Cache meta tag. Both meta tags need to be included at the top and bottom of the page as with the work around for Internet Explorer.

<html>
<head>
<meta http-equiv="PRAGMA" content="NO-CACHE">
<meta http-equiv="EXPIRES" content="-1">
</head>
<body>

AND

</body>
<head>
<meta http-equiv="PRAGMA" content="NO-CACHE">
<meta http-equiv="EXPIRES" content="-1">
</head>
</html>

Link:
Display HTML tags in blog

No comments: