# VirtualMV/HTML/Basic/Head tag

Jump to: navigation, search

### Overview

The head tag contains information about the page (called the meta-data), and is not displayed in the web browser. The title tag is used to name the page and is usually displayed on the page tab, while other parts may be used by search engines.

### Head tag

By the end of this page you will be able to:

• List and describe the basic elements of the head tag
• title, meta, style, script
• List and describe attributes of the meta tag

## Task: Add meta tags to a web page

Add the following meta-tags to one.html

<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="html, htm, first page">
<meta name="description" content="First web page">
<meta name="DC.Creator" content="put your name in here" />
<meta name="DC.Rights" content="any copyright information">
<title>**’s first page</title>
</head>
<body>
<h1>**’s web</h1>
<p>Hello <b>world</b></p>
<h2>Favourite quotes</h2>
<p>Live long and prosper</p>
</body>
</html>

When displayed in the browser the Meta-tags do not show! Why?

## Head tag elements

• base -- A record of the original URL of the document: this allows you to move the document to a new directory (or even a new site) and have relative URLs access the appropriate place with respect to the original URL.
• isindex -- Usually placed in the HEAD by the server or a server script/program to indicate that a document is searchable.
• link -- Defines the relationship(s) between this document and another or others. A document can have several LINK elements.
• meta -- A container for document metainformation. (some useful ones include)
• name="keywords" content="..." - used by search engines
• name="description" content="..." - used by search engines
• name="author" content="..."> - adds authors name
• robot, that stops "some" robots from indexing your page
• refresh, that allows you to redirect the web surfer to another page, and is especially useful if your site is moved.
• e.g. <meta http-equiv="refresh" content="2;url=http://www.virtualmv.com/wiki"> - where the 2 indicates a 2 second wait.
• name = DC... (Dublin Core) Dublin core is a standard way libraries reference pages. Programs like zotero can use this to automatically capture the correct page reference, some tags include:
• name="DC.Creator" - author
• name="DC.Rights" - copyright information
• nextid -- A parameter used by automated HTML editors to create unique identifiers for the documents. NOTE: This attribute was dropped in HTML 4.0, so you should avoid it in new documents.
• title -- The title of the document. You should use this one as it is used extensively by search engines.
• style -- Stylesheet instructions, written in a stylesheet language. Stylesheet instructions specify how the document should be formatted for display.
• script -- Script program code -- for enclosing, within a document, scripting program code that should be run with -- and that can interact with -- the document. Example languages are JavaScript and VBScript.

### References

 VirtualMV/HTML/Basic/Head tag. (2020). In WikiEducator/VirtualMV wiki. Retrieved October 26, 2020, from http:https://wikieducator.org/VirtualMV/HTML/Basic/Head_tag    (zotero)