7. HTML Meta Tags Tutorial

First of all it is html meta tags tutorial.HTML permits you to specify data – further vital data a couple of document in an exceedingly type of ways that. The META parts will be accustomed embrace name/value pairs describing properties of the hypertext markup language document, like author, expiration date, an inventory of keywords, document author etc.
The <meta> tag is employed to supply such further data. This tag is associate empty part then doesn’t have a closing tag however it carries data among its attributes.
You can embrace one or additional meta tags in your document supported what data you would like to stay in your document however generally, meta tags don’t impact physical look of the document therefore from look purpose of read, it doesn’t matter if you embrace them or not.

Adding Meta Tags to Your Documents

You can add data to your sites by putting <meta> tags within the header of the document that is pictured by <head> and </head> tags. A meta tag will have following attributes additionally to core attributes:

html meta tags

 (html meta tags)

Specifying Keywords

You can use <meta> tag to specify vital keywords associated with the document and later these keywords ar utilized by the search engines whereas classification your web page for looking out purpose.

<!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>

Document Description

You can use <meta> tag to offer a brief description concerning the document. This once more are often employed by varied search engines whereas classification your web page for looking out purpose.

<!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

A <meta> tag are often wont to specify a length once that your web content can keep refreshing mechanically.

<!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>

Page Redirection

You can use <meta> tag to send your page to the other webpage. you’ll be able to conjointly specify a period if you would like to send the page once an exact variety of seconds.

<!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=http://www.tutorialspoint.com" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Setting Cookies

Cookies square measure knowledge, hold on in tiny text files on your PC and it’s changed between applications program and net server to stay track of assorted data supported your net application would like.
You can use <meta> tag to store cookies on consumer facet and later this data will be utilized by the online Server to trace a web site traveler.

<!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 23:59:59 GMT;" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

This was all about html meta tags.Our next tutorial is about HTML Comments.Read it here HTML Comment Tag.

 

Comments

comments