Structure d'une page

Un des apports importants de HTML5 a été de fournir de nouveaux éléments pour structurer le contenu d'un document en fonction du simili-standard de construction de pages Web qui a émergé depuis le début du Web en 1991.

blocs de contenu

La majorité des pages Web (et ce quelque soit les différences culturelles des pays d'origine) utilisent les blocs de contenu suivants :

Au cours de siècles de pratique, des règles de construction, des styles de mise en page et des conventions de typographie ont été établis pour définir et renforcer l'architecture des documents.
Cette évolution a été lente.
Par exemple, il faut attendre 150 ans aprés le premier livre moderne ( la bible de Gutemberg en 1456) pour que les tables des matières, index, numérotation des pages deviennent des "interfaces standards" pour les livres.

Etendu à la dimension d'une page et avec le principe d'imbrication de HTML on aura une structure globale composée généralement par :

blocs de contenu dans une page type

Dans les versions précédentes de HTML, seuls existaient les éléments de titre (h1 à h6). Tous les autres types de blocs étaient généralement fait avec une seule et même balise : div. HTML5 ajoute de nouveaux éléments pour mieux définir sémantiquement les différents blocs de contenus : header, footer,main, section, article, nav et aside.

éléments de structure dans une page type

Important : la mise en page des documents Web ne peut pas être figée comme celle des documents papier. Les techniques employées (langages informatiques, ordinateurs, navigateurs) ne permettent pas de maîtriser totalement le placement des informations, ni de garantir une reproduction à l'identique du travail de l'auteur. Les documents Web peuvent être consultés sur plusieurs types de support (écrans d'ordinateurs de bureau, écran d'ordinateur portable, papier aprés impression, téléphone, tablette, etc.) qui donneront tous une "vision" différente de l'information.