Last update: February 21 2019
You can use META-tags for more than promoting your site on search engines.
META-tags can be used for adding:
All these tags are placed within the HEAD-element. Some of these will help you, when you are a web developer, but even as a web designer it’s useful to know these.
You can also identify yourself as the author of the document:
<meta name="author" content="Nora Tol" />
As well as claim the copyright of it:
<meta name="copyright" content="Nora Tol" />
Whenever you visit a website, files are temporarily stored in your browser. The next time you visit, some of these files are loaded from the browsers memories instead of the server. This is called caching. It’s to speed up load time.
However, it sometimes causes problems.
For instance, what if there’s a new version of your website and you want to see your changes? Sometimes caching can prevent you from seeing them. Well, the following META tag allows you to set an expiration date for the caching of your website:
<meta http-equiv="expires" content="Mon, 25 Feb 2019 08:21:57 GMT" />
When the expiration date is reached, the browser will look for the latest version on the server.
You could also completely disable caching:
<meta http-equiv="pragma" content="no-cache" />
You can also set a window-target:
<meta http-equiv="window-target" content="_parent" />
Other values you can use with the CONTENT-attribute are _top, _ self or a frame / windows name.
To refer one page to another, you can use the following:
<meta http-equiv="refresh" content="3;url=https://www.noratol.com" />
This will refresh the location 3 seconds after the page was opened. It will redirect to the URL http://www.noratol.com. The delay in redirection will provide you time to explain to people why they are being redirected.