Séparer le fond et la forme avec HTML et CSS
CHAPITRE 2
© Groupe Eyrolles, 2005
31
Séparer le contenu de la mise en forme
La bonne connaissance de la signification et surtout de la sémantique de chacun des
éléments aide à concevoir des documents structurés, faciles à interpréter par tous les
agents ou clients existants, même non graphiques.
La représentation et mise en forme de ces éléments ne passe qu’après leur organisation
logique. Un document web est avant tout une source d’informations qui doit rester
accessible à tous. Il est donc nécessaire de s’appliquer à produire une structure claire et
porteuse de sens avant de s’attacher à l’aspect purement graphique du document.
La structuration logique des données
XHTML étant devenu un système de balisage sémantique du contenu, les structurations qu’il opère désormais sont purement logiques.
Comme nous l’avons vu, les balises seront choisies en vertu de leur sens, non en fonction de leur représentation par défaut sur tel ou tel navigateur ni l’aspect qu’on veut
leur donner.
XHTML ne se préoccupe ainsi plus que de la structure logique du document, la mise
en forme (caractères, couleurs, marges, etc.) relevant des feuilles de styles. Ce manuel
vise principalement à vous convaincre des avantages de cette nouvelle approche et à
mettre celle-ci en œuvre correctement. C’est la nouvelle ligne de conduite du
HTML : séparer le contenu de la mise en forme.
En XHTML, il est recommandé d’abandonner les balises de mise en forme graphique comme (désignant l’italique) au profit de balises de structuration plus
logique comme (mise en emphase). De même, l’élément de renforcement
remplacera désormais la balise de gras .
Adoptez vous aussi ces nouvelles habitudes, et laissez de côté les balises conçues pour
la mise en forme visuelle du document.
Le principe des feuilles de styles
Dans cet ouvrage, notre démarche pourra se résumer à l’abandon de toute balise de
mise en forme au profit des seules balises porteuses de sens (et des conteneurs génériques et
CHAPITRE 2
© Groupe Eyrolles, 2005
31
Séparer le contenu de la mise en forme
La bonne connaissance de la signification et surtout de la sémantique de chacun des
éléments aide à concevoir des documents structurés, faciles à interpréter par tous les
agents ou clients existants, même non graphiques.
La représentation et mise en forme de ces éléments ne passe qu’après leur organisation
logique. Un document web est avant tout une source d’informations qui doit rester
accessible à tous. Il est donc nécessaire de s’appliquer à produire une structure claire et
porteuse de sens avant de s’attacher à l’aspect purement graphique du document.
La structuration logique des données
XHTML étant devenu un système de balisage sémantique du contenu, les structurations qu’il opère désormais sont purement logiques.
Comme nous l’avons vu, les balises seront choisies en vertu de leur sens, non en fonction de leur représentation par défaut sur tel ou tel navigateur ni l’aspect qu’on veut
leur donner.
XHTML ne se préoccupe ainsi plus que de la structure logique du document, la mise
en forme (caractères, couleurs, marges, etc.) relevant des feuilles de styles. Ce manuel
vise principalement à vous convaincre des avantages de cette nouvelle approche et à
mettre celle-ci en œuvre correctement. C’est la nouvelle ligne de conduite du
HTML : séparer le contenu de la mise en forme.
En XHTML, il est recommandé d’abandonner les balises de mise en forme graphique comme (désignant l’italique) au profit de balises de structuration plus
logique comme (mise en emphase). De même, l’élément de renforcement
remplacera désormais la balise de gras .
Adoptez vous aussi ces nouvelles habitudes, et laissez de côté les balises conçues pour
la mise en forme visuelle du document.
Le principe des feuilles de styles
Dans cet ouvrage, notre démarche pourra se résumer à l’abandon de toute balise de
mise en forme au profit des seules balises porteuses de sens (et des conteneurs génériques et
). Il est temps de jeter aux orties les , et autres
balises de mise en page !
La mise en forme des documents se fera dès lors par des feuilles de styles détaillant la
représentation des balises et attributs retenus.
balises de mise en page !
La mise en forme des documents se fera dès lors par des feuilles de styles détaillant la
représentation des balises et attributs retenus.