L’idée de base concerne la structuration de la page HTML, en particulier de son habillage graphique, mais pas seulement ; on oublie trop souvent l’importance de la structuration sémantique de chaque page Web, tant pour l’accessibilité aux personnes handicapées (pour faciliter l’utilisation d’un lecteur vocal, même si cela ne touche pas majoritairement vos lecteurs), que désormais l’interprétation du contenu des pages par les robots d’indexation (comme Google, et autres ; ce qui touche tous les internautes) pour leréférencement ; ou bien
quand l’apparence graphique rejoint la technique et l’efficacité !
Cette architecture de page recommandée est assez connue avec Les Gabarits/Layout de pages , et particulièrement illustrée par le concept des Les Layout GALA, qui a souvent guidé des designs évolutifs : elle est donc reprise dans SPIP, tant dans l’interface privée que dans l’interface publique de SPIP, ce qui permet de Comprendre la structure des squelettes... Cette structuration en blocs logiques est même à la base des actuels frameworks de conceptions de pages : voir TRAVAILLER en mode Z (ZPIP et Z-core).
On pourrait rajouter que les formulaires HTML, plus spécifiquement en SPIP, sont structurés par une <div
par champ : voir la Structure HTML des formulaires de SPIP !
Les spécifications HTML5 ont apporté une structuration complémentaire en blocs sémantiques de <section
...
Article publié le 9 janvier 2012, et actualisé en novembre 2020 .
Répondre à cet article