Tag HTML <head>
Le tag <head> contient les éléments principaux du document HTML, dont le but est d'informer les navigateurs et les moteurs de recherche sur les informations techniques relatives à la page Web (métadonnées, styles, liens, etc.). Les utilisateurs ne voient pas cette information.
Syntaxe
Le contenu du tag est écrit entre le tag ouvrant (<head>) et le tag fermant (</head>).
Le tag <head> contient les éléments suivants:
- Tag <title> - spécifie le titre de la fenêtre de la page Web (élément requis).
- Tag <style> -informe que le document HTML utilise CSS.
- Tag <base>- spécifie l'URL absolue de base pour toutes les URL relatives.
- Tag <link> - définit la relation entre le document HTML actuel et la ressource à laquelle il fait référence ou contient une référence à une feuille de style externe.
- Tag <meta> - fournit des informations supplémentaires (métadonnées) sur le document HTML.
- Tag <script> - contient un script (généralement en JavaScript) ou pointe vers un fichier de script externe.
- Tag <noscript> - définit le texte de remplacement affiché si le navigateur ne prend pas en charge les scripts ou si l'utilisateur les a désactivés.
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style type="text/css">
body {
background-color: #d3d3d3;
}
p {
color: #1c87c9;
}
a {
color: red;
}
</style>
</head>
<body>
<p>Paragraphe</p>
<a>Lien</a>
</body>
</html>Résultat
Dans notre exemple, nous avons utilisé deux tags - <title> et <style> dans le tag <head>. Dans le tag <title>,nous définissons le titre du document affiché dans la fenêtre du navigateur. Dans le tag <style>, nous définissons les styles de document: l'arrière-plan du document sera orange, le texte des paragraphes marqués avec le tag <p> sera bleu et les liens marqués avec le tag <a> seront roses.
Exemple
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<p>Le contenu de la page</p>
</body>
</html>Résultat
Dans notre exemple, nous avons spécifié un lien vers le document style.css contenu dans le dossier CSS, qui contient les styles de document.
Exemple
<!DOCTYPE html>
<html>
<head>
<meta name="title" content="HTML and CSS Books">
<meta name="description" content="HTML and CSS Basics for Beginners">
<meta http-equiv="refresh" content="30">
</head>
<body>
<p>Le contenu de la page</p>
</body>
</html>Résultat
Dans le tag, les métadonnées sont un titre et une description (méta-nom, méta-description).
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| profile | URL |
Spécifie l'adresse du profil de métadonnées.
Non supporté en HTML5. |
Le tag <head> supporte également les Attributs globaux et les Attributs d'événements.
Support de Navigateurs
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Pratiquez vos connaissances
