The **`<head>`** element in HTML is a container for the *metadata* of the HTML document. <head> contains information about the title of the page, the author's name, links to *CSS* or custom *favicons*, reference to other sources, any scripts to make webpage interactive, or any key information describing the document. This data is not displayed on the webpage. The following HTML elements can be used inside the `<head>` element:
* `<title>`
* `<style>`
* `<base>`
* `<link>`
* `<meta>`
* `<script>`
* `<noscript>`

The `<title>` element must be present underneath the `<head>` element in order for the webpage to be complete.
# Example


<!DOCTYPE html>
<html>
<head>
  <title>How to use head element in HTML</title>
  <meta charset="utf-8">
  <style>
    h1 {color:red;}
    p {color:blue;}
  </style>
</head>
<body>
  <h1> Using head element in HTML </h1>
  <p>Head element contains the metadata of the document.</p>
</body>
</html>


codemirror

# Explanation

The HTML document above displays a simple webpage containing a heading and a body. In lines 3-10, you can see the `<head>` element and the elements inside it describing the metadata of the document.
* `<title>` describes the title of the webpage.
* `<meta>` specifies the character set encoding for the HTML document.
* `<style>` instructs the styling throughout the webpage.
* `<head>` acts as a container that wraps the metadata to better structure the HTML document.

What is the <head> element in HTML?

Contains metadata like title, author, CSS links, scripts, and defines the document structure.