Structure d’un document HTML

apcpedagogie > Les cours de programmation > html > Structure d’un document HTML

3 557 vues

Avant de créer des pages web et de leur donner un contenu, il faut déterminer une structure générale commune à toute page en conformité avec les spécifications HTML 5.
Les bases d’un document HTML5 ressemblent beaucoup à celles rédigées à l’aide des précédentes versions HTML 4 et XHTML 1.x. Rétro-compatibilité oblige.
On y retrouve donc un doctype suivi des éléments les plus courants :
<html>, <head>, <title>, <meta>, <link>, <script> et <body>.

La déclaration DOCTYPE, obligatoire dans tout document, précise le type de document qui va être créé.
Dans HTML 5, cette déclaration est désormais réduite à sa plus simple expression par rapport à XHTML :

<!DOCTYPE html>;

La déclaration DOCTYPE,sert à définir le type du document afin qu’il soit correctement interprété par le navigateur.

L’élément <html> est l’élément racine du document. C’est donc lui qui est le parent de tous les autres, soit directement, comme <head> et <body>, soit indirectement par l’intermédiaire de ces derniers. Il est donc le conteneur de premier niveau
placé en haut de la hiérarchie de tous les éléments du document. Il n’existe que deux éléments enfants de l’élément <html>. En HTML 5, son contenu est constitué de l’en-tête du document, introduit par la balise <head> et terminé par la balise </head>, puis par le corps du document introduit par <body> et terminé par </body>,
L’élément racine possède les attributs communs dont les plus utiles sont :

l’attribut lang dont la valeur est un code de langue normalisée qui indique la langue utilisée
par défaut dans la page. Cette valeur sera reconnue par les moteurs de recherche pour leur permettre d’indexer les pages du site en effectuant un tri par langue. Elles n’apparaîtront dans Google par exemple que si l’utilisateur a choisi le bouton France ;
L’attribut dir qui indique le sens de lecture du texte de la page. Il peut prendre les valeurs ltr pour le texte qui se lit de gauche à droite (langues européennes) ou rtl pour le texte qui se lit de droite à gauche (langues orientales : hébreu, arabe).