HTML Head HTML Document Head
HTML Head Tutorial and Information







HTML Tutorial -
HTML Document Head

The HTML Document HEAD contains very important information about the HTML document. The head data is not considered document content, so while this information is not visible to the visitor of a web site, the head contains very vital information such as the title element, the keywords element, the description element (commonly known as Meta Tags), and other data (E.g. Java Scripts, CSS, and more).

HTML Head - The Title Tag

Every HTML document must have a title element or title tag in the head section. The title element identifies the content of the web page or HTML document. The title element is displayed as the headline in the search results pages of search engines or search directories, and web browsers may display the title as a tooltip (a short message which appears when hovering over a link).
This is what an HTML head section with the title element looks like: 
<html>
<head>
<title>This Is The Title Of My Web Page</title>
</head>
<body>

HTML Head - The Meta Tags

The Meta data lets web designers and HTML authors add information about the document and its content. The Meta elements in the head can be used to specify a short description of the content of the HTML document, a list of keywords, document character encoding, style sheets, language, copyright information, the date, the author's name, and other important information. 
<html>
<head>
<title>This Is The Title Of My Web Page</title>
<meta name="copyright" content="© 2007 My Company Inc.">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<meta name="description" content="A short description here">
<meta name="date" content="2007-08-06T08:49:37+00:00">
<meta name="author" content="My Name Here">
</head>
<body>
For more information about Meta tags (title-, description-, and keyword-element) click here.

HTML Head - Refresh HTML Page

The Meta element in the head section of the HTML document can also be used to redirect visitors to another URL using the http-equiv-refresh attribute: 
<meta http-equiv-refresh content"10; 
URL=http://www.webmasterseminar.com">
The http-equiv attribute:
This attribute may be used in place of the name-attribute. HTTP servers use this attribute to gather information for HTTP response message headers. The value specified between content and URL (content"10;) determines the delay before refreshing to the specified URL.
More about HTML redirect ...

HTML Head - Using Style Sheets CSS

The head section of an HTML document can also be used to include style sheets (CSS). 
<html>
<head>
<title>This Is The Title Of My Web Page</title>
<meta name="copyright" content="© 2007 My Company Inc.">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<meta name="description" content="A short description here">
 <style type="text/css">
  body { background: white; color: black}
  a:link { color: blue }
  a:visited { color: red }
  a:active { color: green }
 </style>
</head>
<body>
An external style sheet (CSS) gives you the option to change formatting without having to modify the HTML document itself. This is especially useful with multiple web pages. 
<html>
<head>
<title>This Is The Title Of My Web Page</title>
<meta name="copyright" content="© 2007 My Company Inc.">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<meta name="description" content="A short description here">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
For more information about CSS or Cascading Style Sheets click here.
For detailed information about the HTML head click here.

Probably the most important data in the head section of an HTML document is the keyword- and the description-tag along with the title-tag. These tags or elements are very important in terms of search engine optimization. To find out why, click next and go to the HTML Meta tags tutorial.



HTML and XHTML Tutorials

HTML Related Links

© This Article is Copyrighted by WebmasterSeminar.com

Please do not copy or reproduce this article in whole or part, in any form, without mentioning the source and including a live link back to WebmasterSeminar.com - Thank You!

LINK TO THIS TUTORIAL:


Copy the code below and paste into your web page 
<a href="http://www.webmasterseminar.com/htmlhead.php">
Webmaster Seminar</a><br />
HTML Header - Free Information, Tutorials and HTML Resources



HTML Document Head - © WebmasterSeminar 2000 - 2008 Terms Of Use