Éléments d'en-tête HTML

Plus d'exemples

Titre du document
Le titre <title> définit le titre du document.
Tous les liens ont un objectif commun
Comment utiliser le tag base pour ouvrir tous les liens de la page dans une nouvelle fenêtre.
Description du document
Utilisez l'élément <meta> pour décrire le document.
Mots-clés du document
Utilisez l'élément <meta> pour définir les mots-clés du document.
Rediriger un utilisateur
Comment rediriger un utilisateur vers une nouvelle URL.

L'élément <head> de HTML

L'élément <head> est le conteneur de tous les éléments de l'en-tête. Les éléments à l'intérieur de <head> peuvent inclure des scripts, indiquer à l'ordinateur de navigation où trouver les feuilles de style, fournir des informations métadonnées, etc.

Les balises suivantes peuvent être ajoutées à la section <head> : <title>, <base>, <link>, <meta>, <script> et <style>.

L'élément <title> HTML

Le tag <title> définit le titre du document.

L'élément title est obligatoire dans tous les documents HTML/XHTML.

L'élément title peut :

  • Titre défini dans la barre d'outils du navigateur
  • Titre affiché lorsque la page est ajoutée aux favoris
  • Titre de la page affiché dans les résultats des moteurs de recherche

Un document HTML simplifié :

<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
</head>
<body>
Le contenu du document......
</body>
</html>

L'élément <base> HTML

Le tag <base> définit l'adresse par défaut ou le target (cible) par défaut pour tous les liens sur la page :

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

L'élément <link> HTML

Le tag <link> définit la relation entre le document et les ressources externes.

Le tag <link> est le plus souvent utilisé pour lier des feuilles de style :

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

L'élément <style> HTML

Le tag <style> est utilisé pour définir les informations de style pour un document HTML.

Vous pouvez définir les styles des éléments HTML dans l'élément style :

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

L'élément <meta> HTML

Les métadonnées (metadata) sont des informations sur les données.

Le tag <meta> fournit des métadonnées sur le document HTML. Les métadonnées ne s'affichent pas sur la page, mais sont lisibles par les machines.

Dans le cas typique, l'élément meta est utilisé pour définir la description de la page, les mots-clés, l'auteur du document, la date de dernière modification et d'autres métadonnées.

Le tag <meta> est toujours situé dans l'élément <head>.

Les métadonnées peuvent être utilisées par les navigateurs (par exemple, comment afficher le contenu ou recharger la page), les moteurs de recherche (mots-clés) ou d'autres services web.

Mots-clés pour les moteurs de recherche

Certains moteurs de recherche utiliseront les attributs name et content des éléments meta pour indexer votre page.

Le meta suivant définit la description de la page :

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

Le meta suivant définit les mots-clés de la page :

<meta name="keywords" content="HTML, CSS, XML" />

Les attributs name et content ont pour fonction de décrire le contenu de la page.

Élément <script> HTML

La balise <script> est utilisée pour définir des scripts clients, comme JavaScript.

Nous expliquerons l'élément script dans un chapitre ultérieur.

Éléments d'en-tête HTML

Balise Description
<head> Définir les informations concernant le document.
<title> Définir le titre du document.
<base> Définir l'adresse ou l'objectif par défaut de tous les liens de la page.
<link> Définir la relation entre le document et les ressources externes.
<meta> Définir les métadonnées du document HTML.
<script> Définir les scripts clients.
<style> Définir les informations de style du document.