structure block

<head>

Contient les métadonnées du document : titre, liens vers les feuilles de style, scripts et autres informations non affichées dans la page.

Description

L’élément <head> est invisible à l’affichage. Il regroupe toutes les métadonnées du document : encodage, titre de l’onglet, feuilles de style, scripts, balises Open Graph et SEO. Il est placé entre <html> et <body>.

Syntaxe

<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
  <link rel="stylesheet" href="styles.css">
</head>

Exemples

En-tête typique d’une page moderne :

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Ma page — Mon site</title>
  <meta name="description" content="Description courte pour les moteurs de recherche.">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="stylesheet" href="/styles.css">
</head>

Avec Open Graph :

<head>
  <meta charset="utf-8">
  <title>Article</title>
  <meta property="og:title" content="Article">
  <meta property="og:type" content="article">
  <meta property="og:url" content="https://example.com/article">
</head>

Notes

Éléments autorisés dans <head> : <title> (obligatoire et unique), <base>, <link>, <meta>, <style>, <script> et <noscript>. Tout autre contenu est invalide.

<title> est obligatoire selon la spécification HTML. Les navigateurs afficheront “Untitled” si absent, et les moteurs de recherche pénaliseront les pages sans titre.

Support navigateurs

Chrome1+ · Firefox1+ · Safari1+ · Edge12+