Le langage HTML
Structure d'un document HTML
Les langages HTML et CSS permettent respectivement de gérer le fond et la forme des pages web. Les navigateurs web sont chargés d'interpréter ces langages pour afficher les rendus des pages web tels que nous les connaissons.
Ces langages sont normalisés par le W3C (World Wide Web Consortium).
Le langage HTML (HyperText Markup Language) utilise des balises pour structurer le contenu d'une page web.
Il faut respecter certaines règles de syntaxe pour bien utiliser ces balises. En pratique les navigateurs sont relativement souples et tolèrent quelques erreurs.
La structure de base d'un document HTML est définie avec un ensemble de balises spéciales. Les éléments définis dans ces balises ne doivent pas apparaître plus d'une fois dans le document (excepté pour l'élément <title> ).
<html> : il définit la racine du document. Chaque document HTML ne contient qu'une racine. Tous les autres éléments doivent être placés dans cet élément.
<head> : il définit la tête du document. Le navigateur n'affichera pas cet élément qui ne contient que des méta-données, dont le titre et des informations descriptives.
<body> : il définit le corps du document. Il n'y a qu'un seul élément body dans un document HTML et celui-ci est toujours placé après la tête. L'utilisateur verra tout ce qui est placé dans cet élément.
<title> : il définit le titre d'un document. Le titre est le seul élément HTML obligatoire et il est placé dans la tête. En effet, le titre est une des méta-données utilisée par le navigateur : il est utilisé pour le titre de la fenêtre, le titre de l'onglet et aussi dans les résultats d'un moteur de recherche.
Remarques :
Le doctype (pour « type de document ») est une déclaration formelle, placée au tout début d'un document HTML. Elle indique que le document est écrit avec du HTML standard. Le doctype se présente de cette façon : <!DOCTYPE html>
Si vous ne commencez pas votre document par <!DOCTYPE html>, les navigateurs afficheront votre document en mode quirks. Le mode quirks est le mode utilisé par le navigateur pour afficher les documents anciens ou mal-formés, écrits dans les années 1990 lorsque HTML était peu ou pas standardisé et que chaque navigateur gérait HTML à sa façon.
La ligne <meta charset="utf-8" /> permet d'intégrer les polices particulières (voyelles avec accent, cédille, ...)
