Que signifient les balises <body> et <head> ?
Pour tous ceux qui ne comprennent pas où insérer les codes des Javascripts présents sur ce site

Objet de cet article
De nombreuses personnes m'envoient un mail me demandant ce que sont les balises (ou tags) <head>, </head>, <body>, </body>. C'est pourquoi, afin de soulager un peu ma boite aux lettres, je me suis dit qu'écrire un article de base pour ceux qui n'ont jamais entendu parler de ça serait plutôt bénéfique à tous.

Structure classique d'un document HTML
Les balises citées ci-dessus sont en fait des balises qui apparaissent dans toutes les pages HTML normalement constituées, après une balise nommée <html> qui, comme vous l'avez sans doute déjà compris, indique que l'on a affaire à une page codée en langage HTML.
  • Voici donc la structure classique d'une page HTML :
  • <html>
    <head>
    <!--
    dans cette partie on insère tous les éléments qui décrivent la page (tels que les fameuses balises meta) ou encore les scripts qui ont besoin d'être chargés avant le chargement du corps de la page
    //-->
    </head>
    <body>
    <!--
    dans cette partie on insère tout ce qui apparaitra dans la page une fois que celle-ci sera chargée. Il y a donc du texte, des scripts affichant quelque-chose, et de nombreuses autres balises permettant de mettre en forme le texte.
    </body>
    </html>
  • Enfin, dernière subtilité : vous verrez que parfois des scripts ont besoin que l'on insère un code DANS la balise <body> pour fonctionner. Cela signifie tout simplement qu'il faut rajouter ce code entre les <> de cette balise.
    Exemple, on veut insérer :
  • onload="start()"
    ... dans la balise <body>. Il suffira d'écrire :
    <body onload="start()">
  • Votre page sera donc au final :
  • <html>
    <head>
    <!--
    dans cette partie on insère tous les éléments qui décrivent la page (tels que les fameuses balises meta) ou encore les scripts qui ont besoin d'être chargés avant le chargement du corps de la page
    //-->
    </head>
    <body onload="start()">
    <!--
    dans cette partie on insère tout ce qui apparaitra dans la page une fois que celle-ci sera chargée. Il y a donc du texte, des scripts affichant quelque-chose, et de nombreuses autres balises permettant de mettre en forme le texte.
    </body>
    </html>

  • Pour accéder à toutes ces balises, il est bien entendu indispensable d'utiliser un éditeur non graphique de pages HTML, (le bloc-notes de windows est souvent cité en exemple mais il vaut mieux utiliser un éditeur à coloration syntaxique, qui colore les balises en différentes couleurs selon leur fonction (ex : Crimson Editor))
En espérant que cette page vous ait aidé(e) à comprendre comment insérer les scripts fournis sur ce site ! N'hésitez cependant pas à m'écrire pour me faire part d'incompréhension ou d'ajouts qui seraient profitables à tous !


- Votez au Weborama ! - Insérez un lien vers WEB Creation !
Abonnez-vous à la lettre d'information (640 inscrits !) pour être tenu(e) au courant de toutes les nouveautés et mises à jour !

© 2000-2006 WEB Creation - v0.7
Webmaster : Cyril ROHR