Hello, world!

Meta Tags HTML

In the Meta Tags HTML section of the HTMTL Tutorial you will learn how to work with meta tags. The <meta> tag is used to represents metadata information such as description, keywords, author of the document, last modified, and other metadata related to the document.
 


Syntax specifying keywords:
<meta name="keywords" content="text">
 
HTML code example specifying keywords:
<!DOCTYPE html>
<html>
<head>
<title>How to make Meta Tags</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
</head>
<body>
<p>How to make Meta Tags to specify keywords</p>
</body>
</html>
 
The Document Description
Applying the<meta> tag description allows you to provide a short and accurate summary about the document of the page.
This is applied by different search engines for searching purposes.
 
Syntax document description:
<meta name="description" content="text">
 
HTML code example document description:
<!DOCTYPE html>
<html>
<head>
<title>How to use Meta Tags</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="How to use Meta Tags." />
</head>
<body>
<p>How to use Meta with document desciption</p>
</body>
</html>
 
The Document Revision Date
Applying the<meta> tag allows you to provide information regarding the latest updates of the document page.
 
Syntax document revision date:
<meta name="revised" content="text">
 
HTML code example document revision date:
<!DOCTYPE html>
<html>
<head>
<title>How to use Meta Tags</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="How to use Meta Tags." />
<meta name="revised" content="Html Tutorial, 5/10/2025" />
</head>
<body>
<p>How to use Meta Tags with document revision date</p>
</body>
</html>
 
Document Refreshing
Applying the<meta> tag will indicate the number of seconds after which your web page will keep reloaded automatically.
 
Syntax document refreshing:
<meta http-equiv="refresh" content="value" >
 
HTML code example document refreshing:
<!DOCTYPE html>
<html>
<head>
<title>How to use Meta Tags</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="How to use Meta Tags." />
<meta name="revised" content="Html Tutorial, 5/10/2025" />
<meta http-equiv="refresh" content="5" />
</head>
<body>
<p>How to use Meta Tags with Document Refreshing</p>
</body>
</html>
 
The Page Redirection
Applying the<meta> tag can be used to the number of seconds until your page should be redirected to another web page.
 
Syntax page redirection:
<meta http-equiv="refresh" content="value; url=link">
 
HTML code example page redirection:
<!DOCTYPE html>
<html>
<head>
<title>How to use Meta Tags</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="How to use Meta Tags." />
<meta name="revised" content="Html Tutorial, 5/10/2025" />
<meta http-equiv="refresh" content="5; url=http://www.html-tutorial.eu" />
</head>
<body>
<p>How to use Meta Tags with page redirection</p>
</body>
</html>
 
Setting Cookies
Applying the <meta> tag allows you to hold cookies in the client browser.  
Cookies are  used to keep track some infromation according to the need oy your web programs.
 
Syntax setting cookies:
<meta http-equiv="cookie" content="text; expires=day, date time;" >
 
HTML code example setting cookies:
<!DOCTYPE html>
<html>
<head>
<title>How to use Meta Tags</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="How to use Meta Tags." />
<meta name="revised" content="Html Tutorial, 5/10/2025" />
<meta http-equiv="cookie" content="userid=123; expires=Monday, 20-May-25 20:59:59 GMT;" />
</head>
<body>
<p>How to make Meta Tags with setting cookies</p>
</body>
</html>
 
Setting Author Name
Applying the <meta> allows you to define the author name of the document page.
 
Syntax setting author name:
<meta name="author" content="text">
 
HTML code example setting author name:
<!DOCTYPE html>
<html>
<head>
<title>How to use Meta Tags</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="How to use Meta Tags." />
<meta name="author" content="Olle Html" />
</head>
<body>
<p>How to make Meta Tags setting author name</p>
</body>
</html>
 
Specify Character Set - UTF-8 encoding
Applying the <meta> tag allows you to define the character set being used at the server for all pages.
 
Syntax utf-8 encoding:
<meta charset="character_set">
 
HTML code example utf-8 encoding:
<!DOCTYPE html>
<html>
<head>
<title>How to use Meta Tags</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="How to use Meta Tag." />
<meta name="author" content="Olle Html" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p>How to make Meta Tags to specify characer set</p>
</body>
</html>
 
Specify Character Set - traditional Chinese characters
You can assign the character to traditional Chinese by using the <meta charset=Big5> syntax.
 
Syntax traditional chinese characters:
<meta charset=" Big5">
 
HTML code example traditional chinese characters:
<!DOCTYPE html>
<html>
<head>
<title>How to use Meta Tags</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="How to use Meta Tags." />
<meta ame="author" content="Olle Html" />
<meta http-equiv="Content-Type" content="text/html; charset=Big5" />
</head>
<body>
<p>How to use Meta Tags specifying the character to traditional Chinese</p>
</body>
</html>