User Tools

Site Tools


hsss:structuring_html5_documents

La structure d'un document html5 est une série de sections et de subsections qui peut être visualiser comme un document outline, une table des matières.

heading

En utilisant les headings, il est possible de décrire à peu près la structure de document que l'on souhaite. Chaque heading créé implicitement une section (une section implicite).

On utilise les headings pour découper un document en section depuis l'html4.

Le problème est que les headings ne groupent pas les contenus. On utilisait jusque là des div avec des id qui leur donner plus de sens sémantique.

éléments sectionnant en html5

HTML5 introduit de nouveaux éléments sectionnant (4) :

  1. article
  2. aside
  3. nav
  4. section

À chaque fois qu'ils sont utilisés, une nouvelle sub-section du document est créé.

élément de groupage sémantique html5

(html5 semantic grouping element)

Conçus pour grouper des éléments de manière signifiante

  1. footer
  2. header
  3. main

Algorithme d'outlining

À date de 2015, pas encore implémenté dans les user-agents, on peut donc encore compter sur l'ancienne méthode (headers).

hsss/structuring_html5_documents.txt · Last modified: 2015/12/16 20:39 by leo