HTML <head> Tag
Exemple
Un document HTML simple, avec une balise <title> dans la section <head> :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Titre du document</title>
</head>
<body>
<h1>Ceci est un en-tête</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
L'élément <head> est un conteneur pour les métadonnées (données sur les données) et se situe entre la balise <html> et la balise <body>.
Les métadonnées sont des données concernant le document HTML. Elles ne sont pas affichées.
Les métadonnées définissent généralement le titre du document, l'ensemble de caractères, les styles, les scripts et d'autres informations méta.
Les éléments suivants peuvent être inclus dans l'élément <head> :
Support des Navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <head> | Oui | Oui | Oui | Oui | Oui |
Attributs Globaux
La balise <head> prend également en charge les Attributs Globaux en HTML .
Plus d'Exemples
Exemple
La balise <base> (qui spécifie une URL par défaut et une cible pour tous les liens sur une page) se trouve à l'intérieur de <head> :
<html>
<head>
<base href="https://www.formation-ti.org/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24" height="39" alt="Stickman">
<a href="tags/tag_base.asp">Balise HTML base</a>
</body>
</html> Exemple
La balise <style> (qui ajoute des informations de style à une page) se trouve à l'intérieur de <head> :
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>Un en-tête</h1>
<p>Un paragraphe.</p>
</body>
</html> Exemple
La balise <link> (qui lie à une feuille de style externe) se trouve à l'intérieur de <head> :
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Je suis formaté avec une feuille de style liée</h1>
<p>Moi aussi !</p>
</body>
</html> Pages Associées
Tutoriel HTML : HTML Head
Référence DOM HTML : Objet Head
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <head> avec les valeurs par défaut suivantes :
head {
display: none;
}