The <head> tag

<head> holds the document's metadata — everything not directly rendered on the page: title, meta, link, style, some script.

Syntax

<head>
  <meta charset="UTF-8">
  <title>Page title</title>
</head>

Example

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My page</title>
  <link rel="stylesheet" href="style.css">
</head>

Notes

There must be exactly one head per document, right after the opening html tag.
Order inside head can matter in some cases: meta charset is recommended to be placed first.

Related tools

The <title> tag

Purpose of <title>: the browser tab name and the clickable headline in search results.

The <meta> tag

charset, name/content, property, and http-equiv on the <meta> tag, with examples.