logo for how to make a website explained

 

 

HTML Meta Tag



The HTML Meta tag is the element that contains information about the data of your HTML page. It could contain information on the author, or on the last time your page was updated. Information useful for the search engines is also placed in the HTML meta tag.

 

The meta tag is placed in the Head tag, which is at the beginning of typical HTML pages. The Meta tag will only be used once in a HTML page, at the beginning after the opening Head tag and before the closing head tag.

 

There is a wide variety of tags that fit in between the meta element. There seems to be around 200 meta tags that could be placed between the opening and closing head tag. I will cover some of the most important ones. These are listed below:

  • Description - Contains relevant keywords for search engines
  • Keywords - Contains a relevant description of your page for search engines
  • Author - Contains the author's name
  • Content Type - Defines the content type of your page
  • Robots - Contains instructions for the search engines

To see more simply go to any webpage, and right click on the background and select "View Source" then scroll down to the head section and you will see a wide variety of meta tags.


HTML Meta Tag Example

The following example will show you what can be contained within the HTML Meta tag:

 

Example in Table. HTML is purple and red in this specific tag, the Meta tag. The content inside the Meta tags are Blue and the editable content is in Black.

 

  Example
Code Example

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

 

<head>

<title>Title Goes Here</title>

 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta name="Author" content="your name" />

<meta name="description" content="descriptions relevant about your page, for the search engines" />

<meta name="keywords" content="keywords for the search engines" />

<meta name="robots" content="noindex,follow" />

 

<link href="1.css" rel="stylesheet" type="text/css" />

<style>

</style>

<script type="text/javascript">

</script>

</head>

 

<body>

<p>Body Content</p>

</body>

</html>

 

View Example (browser view) the html tag

 

So can you answer the question 'what is a meta tag?' A HTML meta tag doesn't affect the main look of your site, but it contains information about your page, and it will help search engines find and rank your page.

 

Every tutorial that you do, must have this Meta element, inside the Head element. Are you ready for some HTML tutorials, or want to continue learning the Basic HTML tags?

 

 

 

 

Leave the HTML Meta Tag and Return to the Homepage



 

 

 

 

Copyright | Disclaimer | Privacy Policy | Site Designed by Nathanael Vanderkolk

 

footer

sbi

 

click tracking