Accueil    HTML    Balise HEAD
 



balise head  Balise HEAD : En tête du document html

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari



La balise <head> est un élément structurel (au même titre que les tags <html> ou <body>) d'un document html. Elle contient les informations essentielles à la description du document qui sera affiché dans le corps du document :
   - le titre du document (inclus dans la balise <title>)
   - les références aux feuilles de style utilisées par le document
   - les références aux javascripts utilisés par le document
   - les balises <meta> pouvant spécifier l'auteur la description du contenu l'encodage et de nombreuses autres informations


Au sein de la balise head, il est possible de déclarer les styles utilisés dans le corps du document soit par référence à une feuille de style CSS soit par utilisation de la balise <style> en y insérant directement les styles à utiliser. De même pour les scripts javascripts, il est possible de faire référence à un fichier externe ou bien d'employer la balise <script> et d'écrire directement à l'intérieur le code souhaité.



Exemple d'utilisation de la balise head :



Structure complète d'un document html :


!doctype règles de mise en forme à appliquer par le navigateur
html élément racine de la page
head informations d'entête utilisées :
    soit par le navigateur (titre, balises meta ...)
    soit par les éléments du corps (styles, scripts ...)
title titre de la page affichée dans le navigateur
meta Informations optionnelles relatives au descriptif du contenu de la page, à son auteur et de nombreuses autres informations.
link Lien vers des fichiers externes. La feuille de style css est référencée de cette façon.
script Contient du code javascript utilisé par la page (fonctions appelées lors de certains évènements déclenchés par l'utilisateur, comme par exemple le clic sur un bouton).
body corps de la page contenant tous les éléments relatifs au rendu et à la présentation du document.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
   <head>
      <title>Titre de la page web</title>
      <meta name="Description" content="Description du document">
      <link rel="stylesheet" type="text/css" href="MonStyle.css">

   </head>
   <body>

       Contenu de la page ...


   </body>
</html>