• Astuces HTML • Structure d'une page HTML •

Une page HTML basique contient au minimum les trois balises de premier niveau (<html>, <head> et <body>) et est construite de la manière suivante :

<!DOCTYPE html>

<html>

<head>//Début de l'en-tête

<meta charset="utf-8" /> //Métadonnées
<title>Le Titre de la Page</title> //Le Titre de la Page

</head>//Fin de l'en-tête

<body>//Début du corps

//Contenu

</body>//Fin du corps

</html>

Les doctypes

Un doctype (Document Type Declaration) indique au navigateur des informations concernant le contenu d'une page HTML, afin de mieux interpréter son contenu. Il est donc important de ne pas oublier de le spécifier en ahut de chaque page.

Cela permettant également au validateur W3C de vérifer les erreurs de syntaxes.

Un doctype se construit de la manière suivante :

<!DOCTYPE HTML PUBLIC "type_de_HTML" "adresse_de_DTD">

Exemples des doctypes les plus utilisés

HTML 4.01 Transtional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Transtional <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
HTML 5 <!DOCTYPE html>

La balise html

La balise <HTML> est doit obligatoirement encadrer un document HTML. Elle ne supporte pas d'évènement.



La balise head

La balise <HEAD> contient des informations sur le document courant, tels que son titre (via la balise <TITLE>), des mots-clés que les moteurs de recherche peuvent exploiter et d'autres données qui ne sont pas considérées comme faisant partie du contenu du document grâce aux balises <META />. Elle ne supporte pas d'évènement.



La balise body

La balise <BODY> détermine le corps du document HTML. Sa présence est obligatoire dans un document HTML.