body

Premiers éléments HTML de structuration de page : < html > < head > < body >

Avant même qu’une page HTML pos­sède du contenu, comme des images ou du texte, elle néces­site de com­por­ter des ins­truc­tions qui per­met­tront au navi­ga­teur d’interpréter ce fichier comme une page HTML.

page-vide-navigateur

Les dif­fé­rentes infor­ma­tions d’une page sans contenu s’affichant dans un navigateur.

Quand on com­mence à écrire une page HTML, on com­mence par ces élements :

 <!DOCTYPE>
 <html>
 <head>
 </head>
<body>
 </body>
</html>
<!DOCTYPE html>

La décla­ra­tion <!DOCTYPE> doit être la pre­mière ligne à écrire, avant même le tag <html>. C’est une ins­truc­tion qui indique au navi­ga­teur la ver­sion HTML uti­li­sée dans le document.

<html>

Le tag <html> indique au navi­ga­teur qu’il s’agit d’un docu­ment HTML. Le tag <html> contient tous les autres élé­ments HTML (à l’exception de <!DOCTYPE> ).

<head>

L’élément <head> contient tous les élé­ments d’en-tête : il doit inclure un titre pour le docu­ment et peut inclure des liens vers des scripts, des meta infor­ma­tions et plus si besoin.

<body>

Le tag <body> défi­nit le corps du docu­ment. C’est dans cet élé­ment que le contenu de la page pren­dra place (texte, images, liens, tableau…).

Ces élé­ments sont essen­tiels mais ont besoin d’être aug­men­tés d’autres informations :

Dans le <head>

<title>

Cet élé­ment indique le titre de la page.

<meta charset="UTF-8">

Pour ne pas avoir de pro­blèmes avec l’affichage des accents.

Ce qui nous donne le code HTML suivant :

 <!DOCTYPE>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>Titre de ma mage</title>
 </head>
<body>
 Du contenu...
 </body>
</html>







Pour aller plus loin

Un article sur le site Alsa­créa­tion détaillant la struc­tu­ra­tion glo­bale d’une page en HTML5 :
www.alsacreations.com

0