Séparer le fond et la forme avec HTML et CSS
CHAPITRE 2
© Groupe Eyrolles, 2005
23
Les attributs
Les balises acceptent parfois des caractéristiques supplémentaires permettant de les
distinguer ou de les personnaliser. Ces options s’inscrivent dans leur nom et sont
appelées « attributs » (ou « propriétés »).
Leur valeur est toujours entourée d’apostrophes simples (') ou doubles (").
Exemple :
Ce code introduit un titre de premier niveau affublé d’une propriété id de valeur
monTitre. La valeur de cet attribut, identifiant la balise, doit être unique dans le
document (nous y reviendrons).
Les attributs sont indispensables pour distinguer les éléments entre eux et pouvoir
créer la mise en page du document à l’aide des feuilles de styles CSS.
L’imbrication des éléments
Les éléments peuvent être imbriqués, à condition de former un « bon parenthésage »
respectant la hiérarchie, et en évitant de faire se chevaucher des balises ouvrantes et
fermantes qui ne se correspondent pas. Par exemple :
Nous sommes en présence d’un titre de premier niveau plaçant en emphase la portion de texte « et moi ». Cette particularité est souvent traduite par des italiques dans
les navigateurs graphiques (ou par une police droite dans un texte déjà en italique).
Remarquez l’ordre des éléments : la balise s’ouvre et se ferme à l’intérieur de
l’élément défini par la balise

.
Nous verrons plus loin que (presque) tous les documents web sont structurés sous
forme de balises à plusieurs niveaux d’imbrication. Cette structure constitue une
arborescence globale qui débute par la première balise, racine du document : .

Bienvenue chez moi

ÉVOLUTION Attributs obsolètes
Comme pour les balises, de nombreux attributs utilisés dans les langages HTML non stricts ou anciens
sont pour la plupart destinés à la mise en forme des éléments : align, valign, color, bgcolor,
border, face, width, height. Il est donc dorénavant déconseillé de les utiliser. Toutefois, pour des
raisons de permissivité, ils sont encore tolérés dans les doctypes transitional et frameset.
Nous verrons dans les chapitres consacrés à la mise en forme en CSS comment obtenir, à l’aide de styles,
l’effet auparavant produit par ces attributs.

Bienvenue chez Toto et moi