Breaking

Thursday, May 9, 2019

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>YesYesYesYesYes


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

AttributeValueDescription
profileURLNot 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;
}

No comments:

Post a Comment