9
Les fondations
reconnaître.les.titres.parce.qu’ils.sont.entourés.de.balises.h1.et.leur.conférer.l’importance.
qu’ils.méritent..Les.utilisateurs.qui.se.servent.de.lecteurs.d’écran.peuvent.. s’appuyer.sur.les.
titres.pour.faciliter.la.navigation.dans.les.pages.
Ce.qui.nous.intéresse.au.premier.chef.dans.ce.livre,.c’est.que.le.balisage.sémantique.offre.
un.moyen.simple.de.cibler.les.éléments.à.mettre.en.forme..Il.donne.une.structure.au.document.et.crée.un.cadre.sous-jacent.à.partir.duquel.les.autres.éléments.peuvent.être.construits..
Il.permet.ainsi.de.mettre.en.forme.des.éléments.sans.avoir.à.ajouter.d’autres.identifiants.et.
donc.à.surcharger.votre.code..Le.HTML.inclut.une.grande.variété.d’éléments.signifiants,.
comme :
• h1,.h2,.… ;
• ul,.ol.et.dl ;
• strong.et.em ;
• blockquote.et.cite ;
• abbr,.acronym.et.code ;
• fieldset,.legend.et.label ;
• caption,.thead,.tbody.et.tfoot.
Chaque.fois.qu’un.élément.signifiant.existe.et.qu’on.peut.l’utiliser,.il.est.toujours.judicieux.
de.le.faire..
La.querelle.qui.oppose.les.CSS.aux.tableaux.semble.refleurir.périodiquement.sur.les.blogs,.
les. listes. de. discussion. ou. les. forums. de. développeurs.. Ce. débat. ressurgit. chaque. fois.
qu’un.développeur.habitué.aux.tableaux.rechigne.à.l’idée.de.devoir.assimiler.de.nouvelles.
connaissances..Cette.réaction.est.assez.naturelle.et.je.conçois.qu’une.mise.en.page.en.CSS.
puisse.paraître.difficile.de.prime.abord,.surtout.quand.tout.semble.bien.fonctionner.avec.les.
méthodes.actuelles..Les.avantages.des.CSS.ont.cependant.été.détaillés.un.nombre.incalculable.de.fois :.code.moins.surchargé,.téléchargement.plus.rapide,.maintenance.plus.facile.–.la.
liste.entière.serait.longue..La.plupart.des.développeurs.professionnels.ont.constaté.l’intérêt.
de.s’appuyer.sur.les.standards.du.Web.et.il.est.rare.de.voir.une.agence,.quels.que.soient.sa.
taille.ou.son.niveau.de.sérieux,.travailler.avec.l’ancienne.méthode..Si.vous.utilisez.toujours.
des.maquettes.tabulaires,.vous.aurez.donc.énormément.de.mal.à.travailler.avec.des.agences..
Ces.vieilles.habitudes.se.meurent.heureusement.et.une.nouvelle.génération.de.développeurs.
apparaît.qui.n’a.jamais.eu.à.souffrir.des.désagréments.liés.à.ces.méthodes.de.travail.
ID et noms de classes
Les.éléments.sémantiques.constituent.une.excellente.base,.mais.la.liste.des.éléments.disponibles.n’est.pas.exhaustive..Le.HTML 4.a.été.créé.pour.servir.de.langage.de.balisage.de.
document.simple.plutôt.que.comme.un.langage.d’interface..Du.coup,.les.éléments.dédiés.à.
certains.usages.spécifiques,.comme.les.zones.de.contenu.ou.les.barres.de.navigation,.n’existent.pas..Vous.pouvez.créer.vos.propres.éléments.en.XML,.mais.pour.un.tas.de.raisons.qu’il.
est.trop.long.de.détailler.ici,.cette.méthode.n’est.pas.très.commode.
Les fondations
reconnaître.les.titres.parce.qu’ils.sont.entourés.de.balises.h1.et.leur.conférer.l’importance.
qu’ils.méritent..Les.utilisateurs.qui.se.servent.de.lecteurs.d’écran.peuvent.. s’appuyer.sur.les.
titres.pour.faciliter.la.navigation.dans.les.pages.
Ce.qui.nous.intéresse.au.premier.chef.dans.ce.livre,.c’est.que.le.balisage.sémantique.offre.
un.moyen.simple.de.cibler.les.éléments.à.mettre.en.forme..Il.donne.une.structure.au.document.et.crée.un.cadre.sous-jacent.à.partir.duquel.les.autres.éléments.peuvent.être.construits..
Il.permet.ainsi.de.mettre.en.forme.des.éléments.sans.avoir.à.ajouter.d’autres.identifiants.et.
donc.à.surcharger.votre.code..Le.HTML.inclut.une.grande.variété.d’éléments.signifiants,.
comme :
• h1,.h2,.… ;
• ul,.ol.et.dl ;
• strong.et.em ;
• blockquote.et.cite ;
• abbr,.acronym.et.code ;
• fieldset,.legend.et.label ;
• caption,.thead,.tbody.et.tfoot.
Chaque.fois.qu’un.élément.signifiant.existe.et.qu’on.peut.l’utiliser,.il.est.toujours.judicieux.
de.le.faire..
La.querelle.qui.oppose.les.CSS.aux.tableaux.semble.refleurir.périodiquement.sur.les.blogs,.
les. listes. de. discussion. ou. les. forums. de. développeurs.. Ce. débat. ressurgit. chaque. fois.
qu’un.développeur.habitué.aux.tableaux.rechigne.à.l’idée.de.devoir.assimiler.de.nouvelles.
connaissances..Cette.réaction.est.assez.naturelle.et.je.conçois.qu’une.mise.en.page.en.CSS.
puisse.paraître.difficile.de.prime.abord,.surtout.quand.tout.semble.bien.fonctionner.avec.les.
méthodes.actuelles..Les.avantages.des.CSS.ont.cependant.été.détaillés.un.nombre.incalculable.de.fois :.code.moins.surchargé,.téléchargement.plus.rapide,.maintenance.plus.facile.–.la.
liste.entière.serait.longue..La.plupart.des.développeurs.professionnels.ont.constaté.l’intérêt.
de.s’appuyer.sur.les.standards.du.Web.et.il.est.rare.de.voir.une.agence,.quels.que.soient.sa.
taille.ou.son.niveau.de.sérieux,.travailler.avec.l’ancienne.méthode..Si.vous.utilisez.toujours.
des.maquettes.tabulaires,.vous.aurez.donc.énormément.de.mal.à.travailler.avec.des.agences..
Ces.vieilles.habitudes.se.meurent.heureusement.et.une.nouvelle.génération.de.développeurs.
apparaît.qui.n’a.jamais.eu.à.souffrir.des.désagréments.liés.à.ces.méthodes.de.travail.
ID et noms de classes
Les.éléments.sémantiques.constituent.une.excellente.base,.mais.la.liste.des.éléments.disponibles.n’est.pas.exhaustive..Le.HTML 4.a.été.créé.pour.servir.de.langage.de.balisage.de.
document.simple.plutôt.que.comme.un.langage.d’interface..Du.coup,.les.éléments.dédiés.à.
certains.usages.spécifiques,.comme.les.zones.de.contenu.ou.les.barres.de.navigation,.n’existent.pas..Vous.pouvez.créer.vos.propres.éléments.en.XML,.mais.pour.un.tas.de.raisons.qu’il.
est.trop.long.de.détailler.ici,.cette.méthode.n’est.pas.très.commode.