Bons noms· Mauvais noms· En savoir plus· ·
class
en pensant à la sémantique
2005-04-25 : Cette page est la traduction française
par Patrick
Blanchenay du document
intitulé Use class with semantics in mind
disponible à l'adresse : http://www.w3.org/QA/Tips/goodclassnames.
Même
si le
document original n'a pas valeur normative, il reste la seule référence,
notamment parce qu'il est susceptible d'évoluer.
Par ailleurs, des
erreurs de traduction ont pu survenir.
Souvent sur le Web, les auteurs
utilisent des noms de classe tels que textebleu
ou
bordurerouge.
Une bien meilleure façon de faire consiste à
nommer les classes selon le rôle des
éléments HTML qui ont cette classe.
Pour choisir un nom de classe, réfléchissez à pourquoi vous voulez donner une apparence particulière à quelque chose, plutôt que de réfléchir sur ce que doit être cette apparence. Les apparences peuvent toujours changer, mais les raisons pour mettre quelque chose en forme restent les mêmes.
avertissement,
important,
imageTelechargeable
et sousmenu
constituent tous de bons noms. Ils décrivent ce que
représentent certains éléments, et il
est peu probable qu'ils changent. Un avertissement sera toujours un
avertissement, même si vos pages changent
complètement d'apparence.bordure4px,
texte_clair
et bel_arriereplan
sont des exemples de mauvais noms de classe. Vous pourriez
décider d'épaissir la bordure à 5
pixels, ou peut-être que vous trouverez
l'arrière-plan démodé ou moche dans
quelque temps. L'un
des avantages du CSS, c'est que vous avez peu de choses à
modifier pour changer l'aspect de votre site. Si vous devez transformer
tout le texte clair en texte foncé, et donc changer toutes
les classes text_clair
en texte_fonce
dans toutes
vos pages HTML, vous allez sûrement en rater. 
Date de
création: 2004-03-08 par Sybren
Stuvel