240
Maîtrise des CSS
Affichage du texte sur plusieurs colonnes
Avec. une. mise. en. page. aussi. large. que. celle-ci,. il. devient. important. de. conserver. une.
"mesure".(longueur.de.ligne).correcte.pour.la.lisibilité.du.texte..La.largeur.du.bloc.de.texte.
se.mesure.par.son.nombre.de.caractères.(dont.les.espaces).par.ligne..Il.existe.un.nombre.
infini.d’études.et.d’opinions.concernant.le.nombre.optimal.de.caractères.par.ligne,.qu’on.fait.
varier.de.45 à 95,.notamment.en.fonction.du.support..Cette.section.ne.traite.pas.véritablement.de.la.longueur.de.ligne.optimale,.mais.plutôt.de.la.manière.de.conserver.une.longueur.
raisonnable..
Comme.cette.mise.en.page.atteint.1 080 pixels.de.large,.elle.est.l’occasion.toute.trouvée.de.
tester.la.fonctionnalité.de.texte.multicolonne.que.propose.la.spécification.CSS 3,.actuellement.prise.en.charge.par.les.navigateurs.WebKit.et.Mozilla..Les.autres.navigateurs.affichent.
le.texte.dans.une.seule.colonne.dont.la.largeur.égale.celle.de.toutes.les.colonnes.combinées..
Robert.Bringhurst,.dans.son.livre.exceptionnel.truffé.de.conseils.typographiques.The Elements of Typographic Style (Hartley.and.Marks,.2004),.suggère.d’utiliser.une.longueur.de.
ligne.comprise.entre.40.et.50 caractères.pour.le.texte.sur.plusieurs.colonnes..Par.commodité,.
j’ai.suivi.cette.recommandation.pour.ma.mise.en.page..
La.Figure 10.10.présente.un.fragment.de.video.html.
Figure 10.10
Mise en page multicolonne dans la page Video.
Vous.remarquerez.que.le.texte.est.disposé.en.deux.colonnes..Le.code.HTML.est.tout.ce.qu’il.
y.a.de.plus.classique :