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:
- <title> (this element is required in an HTML document)
- <style>
- <base>
- <link>
- <meta>
- <script>
- <noscript>
Browser Support
| Element | ||||||
|---|---|---|---|---|---|---|
| <head> | Yes | 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.
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;
}
