HTML - Meta Tags
Anzeige
Best Liposuction Surgeons Turkey 2024 (See
Prices)
Explore popular tummy tuck treatments and their
benefits.
Tummy Tuck LEARN MORE
HTML <meta> tag lets us specify metadata, which is additional important information about a document,
in a variety of ways. The META elements can be used to include name/value pairs describing properties of
the HTML document, such as author, expiry date, a list of keywords, document author etc.
HTML <meta> tag can be used to provide extra information. It's a self-closing element, meaning it doesn't
require a closing tag but carries information within its attributes. You can include one or more meta tags in
your document based on what information you want to keep in your document but in general, meta tags do
not impact the physical appearance of the document so from the appearance point of view, it does not
matter if you include them or not.
Anzeige
Best Liposuctions Surgeons in Turkey (See List)
Explore popular tummy tuck treatments and their
benefits.
Tummy Tuck LEARN MORE
Higher Engagement
Examples of Adding Meta Tags
y to grow your Instagram with no extra content.
Sign Up
You can add metadata to your web pages by placing <meta> tags inside the header of the document which
is represented by <head> tag.
Specifying Keywords Document Description
Document Revision Date Document Refreshing
Page Redirection Setting Cookies
Setting Author Name Specify Character Set
Bellow you can check all the examples which are well described with the code that how we should use
indivituals on our website.
Specifying Keywords
You can use <meta> tag to specify important keywords related to the document and later these keywords
are used by the search engines while indexing your webpage for searching purposes.
Following is an example, where we are adding HTML, Meta Tags, and Metadata as important keywords
about the document.
Open Compiler
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Explore our latest online courses and learn new skills at your own pace. Enroll and become a certified
expert to boost your career.
Spark Higher Engagement
The #1 way to grow your Instagram with no ext
Sign U
Anzeige
Best Liposuctions Surgeons in Turkey (See List)
Explore popular tummy tuck treatments and their
benefits.
Tummy Tuck LEARN MORE
Document Description
You can use <meta> tag to give a short description about the document. This again can be used by various
search engines while indexing your webpage for searching purpose.
Open Compiler
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Document Revision Date
You can use <meta> tag to give information about when last time the document was updated. This
information can be used by variousSpark Higher
web browsers Engagement
while refreshing your webpage.
The #1 way to grow your Instagram with no ext
Sign U Open Compiler
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Anzeige
Best Liposuctions Surgeons in Turkey (See List)
Explore popular tummy tuck treatments and their
benefits.
Tummy Tuck LEARN MORE
Document Refreshing
A <meta> tag can be used to specify a duration after which your web page will keep refreshing
automatically.
If you want your page keep refreshing after every 5 seconds then use the following syntax.
Open Compiler
<!DOCTYPE html>
Spark Higher Engagement
<html> The #1 way to grow your Instagram with no ext
<head>
Sign U
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
<meta http-equiv="refresh" content="5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Page Redirection
You can use <meta> tag to redirect your page to any other webpage. You can also specify a duration if you
want to redirect the page after a certain number of seconds.
Following is an example of redirecting current page to another page after 5 seconds. If you want to redirect
page immediately then do not specify content attribute.
Open Compiler
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
<meta http-equiv="refresh" content="5; url=[Link] /
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Spark Higher Engagement
The #1 way to grow your Instagram with no ext
Sign U
Anzeige
Best Liposuctions Surgeons in Turkey (See List)
Explore popular tummy tuck treatments and their
benefits.
Tummy Tuck LEARN MORE
Setting Cookies
Cookies are data, stored in small text files on your computer and it is exchanged between web browser and
web server to keep track of various information based on your web application need. You can use <meta>
tag to store cookies on client side and later this information can be used by the Web Server to track a site
visitor. If you do not include the expiration date and time, the cookie is considered a session cookie and will
be deleted when the user exits the browser.
Following is an example of redirecting current page to another page after 5 seconds. If you want to redirect
page immediately then do not specify content attribute.
Open Compiler
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
<meta http-equiv="cookie" content="userid=xyz; expires=Wednesday, 08-Aug-15
</head>
<body>
<p>Hello HTML5!</p>
</body> Spark Higher Engagement
</html> The #1 way to grow your Instagram with no ext
Sign U
Note: You can check PHP and Cookies tutorial for a complete detail on Cookies.
Anzeige
Best Liposuctions Surgeons in Turkey (See List)
Explore popular tummy tuck treatments and their
benefits.
Tummy Tuck LEARN MORE
Setting Author Name
You can set an author name in a web page using meta tag.
Open Compiler
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="author" content="Mahnaz Mohtashim" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Specify Character Set Spark Higher Engagement
The #1 way to grow your Instagram with no ext
You can use <meta> tag to specify the character set used within the webpage.
Sign U
By default, Web servers and Web browsers use ISO-8859-1 (Latin1) encoding to process Web pages.
Following is an example to set UTF-8 encoding.
Open Compiler
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="author" content="Mahnaz Mohtashim" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
To serve the static page with traditional Chinese characters, the webpage must contain a <meta> tag to set
Big5 encoding.
Open Compiler
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="author" content="Mahnaz Mohtashim" />
<meta http-equiv="Content-Type" content="text/html; charset=Big5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Spark Higher Engagement
The #1 way to grow your Instagram with no ext
Sign U
Anzeige
Best Liposuctions Surgeons in Turkey (See List)
Explore popular tummy tuck treatments and their
benefits.
Tummy Tuck LEARN MORE
Video - HTML Meta Tag
Spark Higher Engagement
The #1 way to grow your Instagram with no ext
Sign U