Balise HTML <head>
Exemple
Un document HTML simple, avec une balise <title> dans la section head :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a
paragraph.</p>
</body>
</html>
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L' <head>élément est un conteneur de métadonnées (données sur les données) et est placé entre la balise <html> et la balise <body>.
Les métadonnées sont des données sur le document HTML. Les métadonnées ne sont pas affichées.
Les métadonnées définissent généralement le titre du document, le jeu de caractères, les styles, les scripts et d'autres méta-informations.
Les éléments suivants peuvent aller à l'intérieur de l' <head>élément :
Prise en charge du navigateur
| Element | |||||
|---|---|---|---|---|---|
| <head> | Yes | Yes | Yes | Yes | Yes |
Attributs globaux
La <head>balise prend également en charge les attributs globaux en HTML .
Plus d'exemples
Exemple
La balise <base> (spécifie une URL et une cible par défaut pour tous les liens d'une page) va à l'intérieur de <head> :
<html>
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24"
height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
</html>
Exemple
La balise <style> (ajoute des informations de style à une page) va à l'intérieur de <head> :
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
Exemple
La balise <link> (liens vers une feuille de style externe) va à l'intérieur de <head> :
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>
</body>
</html>
Pages connexes
Tutoriel HTML : En-tête HTML
Référence HTML DOM : objet principal
Paramètres CSS par défaut
La plupart des navigateurs afficheront l' <head>élément avec les valeurs par défaut suivantes :
head {
display: none;
}