HTML <head> Tag


Example

An HTML document, with a <title> tag inside the head section:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

Try it Yourself »

More "Try it Yourself" examples below.


Definition and Usage

The <head> element is a container for all the head elements.

The <head> element can include a title for the document, scripts, styles, meta information, and more.

The following elements can go inside the <head> element:


Browser Support

Element
<head> Yes Yes Yes Yes Yes


Differences Between HTML 4.01 and HTML5

In HTML 4.01 the <head> element is required.

In HTML5, the <head> element can be omitted. The following code will validate as HTML5:

Example

<!DOCTYPE html>
<html>
<title>Title of the document</title>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>

</html>

Try it Yourself »


Attributes

Attribute Value Description
profile URL Not supported in HTML5.
Specifies a URL to a document that contains a set of rules. The rules can be read by browsers to clearly understand the information in the <meta> tag's content attribute


Global Attributes

The <head> tag also supports the Global Attributes in HTML.


Examples

Try it Yourself - Examples

Use of the <base> tag in <head>
How to use the <base> tag to specify a default URL and a default target for all links on a page.

Use of the <style> tag in <head>
How to add style information to the <head> section.

Use of the <link> tag in <head>
How to use the <link> tag to link to an external style sheet.


Related Pages

HTML tutorial: HTML Head

HTML DOM reference: Head Object


Default CSS Settings

Most browsers will display the <head> element with the following default values:

head {
    display: none;
}



Color Picker

colorpicker