22
Maîtrise des CSS
plus.complète,.consultez.le.tableau.de.la.page.http://hsivonen.iki.fi/doctype/.qui.montre.
les.modes.de.rendu.utilisés.par.les.différents.navigateurs.selon.la.déclaration.DOCTYPE.
choisie.
La. commutation. de. DOCTYPE. est. un. hack. employé. par. les. navigateurs. pour. distinguer.
les.documents.hérités.des.documents.conformes.aux.standards..Même.en.écrivant.du.code.
CSS.valide,.si.vous.choisissez.le.mauvais.DOCTYPE,.vos.pages.s’affichent.en.mode.Quirks.
et.se.comportent.de.manière.imprévisible..Il.est.donc.important.d’inclure.une.déclaration.
DOCTYPE.entièrement.formée.dans.chaque.page.de.votre.site.et.de.choisir.une.DTD.stricte.
lorsque.vous.utilisez.du.HTML.
"http://www.w3.org/TR/html4/strict.dtd">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
De.nombreux.éditeurs.HTML.ajoutent.automatiquement.les.déclarations.DOCTYPE.aux.
documents.. Si. vous. créez. un. document. XHTML,. certains. logiciels. plus. anciens. peuvent.
également.ajouter.une.déclaration.XML.avant.la.déclaration.DOCTYPE :
La.déclaration.XML.est.une.déclaration.facultative.utilisée.par.les.fichiers.XML.pour.définir.
différents.paramétrages.comme.la.version.du.XML.et.le.type.d’encodage.des.caractères..
Malheureusement,.Internet.Explorer 6.repasse.automatiquement.au.mode.Quirks.si.la.déclaration.DOCTYPE.n’est.pas.le.premier.élément.dans.la.page..Ce.problème.a.été.réparé.dans.
Internet.Explorer 7,.mais.à.moins.que.vous.ne.serviez.vos.pages.sous.forme.de.documents.
XML,.mieux.vaut.éviter.d’utiliser.une.déclaration.XML.
En résumé
Vous.avez.vu.comment.les.conventions.de.nommage.et.le.balisage.sémantique.pouvaient.
rendre.le.code.plus.facile.à.lire.et.à.gérer..Vous.avez.également.appris.la.différence.entre.
les.ID.et.les.noms.de.classes.et.vu.comment.les.utiliser..Vous.avez.découvert.les.différentes.
versions.des.langages.CSS.et.HTML.et.la.manière.dont.les.navigateurs.s’y.prennent.pour.
gérer.ces.différences..
Au.chapitre.suivant,.vous.allez.passer.en.revue.certains.des.sélecteurs.CSS.de.base.et.découvrir.tout.un.ensemble.de.nouveaux.sélecteurs.CSS 3..Vous.apprendrez.tout.sur.les.concepts.
de. spécificité. et. de. cascade. et. vous. verrez. comment. organiser. et. planifier. les. feuilles. de.
styles.pour.une.maintenance.simplifiée.
Maîtrise des CSS
plus.complète,.consultez.le.tableau.de.la.page.http://hsivonen.iki.fi/doctype/.qui.montre.
les.modes.de.rendu.utilisés.par.les.différents.navigateurs.selon.la.déclaration.DOCTYPE.
choisie.
La. commutation. de. DOCTYPE. est. un. hack. employé. par. les. navigateurs. pour. distinguer.
les.documents.hérités.des.documents.conformes.aux.standards..Même.en.écrivant.du.code.
CSS.valide,.si.vous.choisissez.le.mauvais.DOCTYPE,.vos.pages.s’affichent.en.mode.Quirks.
et.se.comportent.de.manière.imprévisible..Il.est.donc.important.d’inclure.une.déclaration.
DOCTYPE.entièrement.formée.dans.chaque.page.de.votre.site.et.de.choisir.une.DTD.stricte.
lorsque.vous.utilisez.du.HTML.
"http://www.w3.org/TR/html4/strict.dtd">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
De.nombreux.éditeurs.HTML.ajoutent.automatiquement.les.déclarations.DOCTYPE.aux.
documents.. Si. vous. créez. un. document. XHTML,. certains. logiciels. plus. anciens. peuvent.
également.ajouter.une.déclaration.XML.avant.la.déclaration.DOCTYPE :
La.déclaration.XML.est.une.déclaration.facultative.utilisée.par.les.fichiers.XML.pour.définir.
différents.paramétrages.comme.la.version.du.XML.et.le.type.d’encodage.des.caractères..
Malheureusement,.Internet.Explorer 6.repasse.automatiquement.au.mode.Quirks.si.la.déclaration.DOCTYPE.n’est.pas.le.premier.élément.dans.la.page..Ce.problème.a.été.réparé.dans.
Internet.Explorer 7,.mais.à.moins.que.vous.ne.serviez.vos.pages.sous.forme.de.documents.
XML,.mieux.vaut.éviter.d’utiliser.une.déclaration.XML.
En résumé
Vous.avez.vu.comment.les.conventions.de.nommage.et.le.balisage.sémantique.pouvaient.
rendre.le.code.plus.facile.à.lire.et.à.gérer..Vous.avez.également.appris.la.différence.entre.
les.ID.et.les.noms.de.classes.et.vu.comment.les.utiliser..Vous.avez.découvert.les.différentes.
versions.des.langages.CSS.et.HTML.et.la.manière.dont.les.navigateurs.s’y.prennent.pour.
gérer.ces.différences..
Au.chapitre.suivant,.vous.allez.passer.en.revue.certains.des.sélecteurs.CSS.de.base.et.découvrir.tout.un.ensemble.de.nouveaux.sélecteurs.CSS 3..Vous.apprendrez.tout.sur.les.concepts.
de. spécificité. et. de. cascade. et. vous. verrez. comment. organiser. et. planifier. les. feuilles. de.
styles.pour.une.maintenance.simplifiée.