Les attributs
Les attributs permettent de fixer des paramètres propres à la balise qui les contient. un attribut est toujours contenu dans la balise (i.e. entre < et >) et sont toujours situés après le nom de la balise et séparés entre eux par des espaces. Ils sont de la forme :
<balise attribut1="valeur1" ... attributn="valeurn" >
certains attributs sont indispensables pour certaines balises
href qui spécifie la destination du lien pour la balise a (lien hyperteste)
src qui spécifie le chemin pour accéder à l'image pour la balise img (image)
name & value qui spécifie le nom de la variable et sa valeur associée pour les balises de formulaire
J'en ajouterai ici deux autres, fondamentales pour la bonne utilisation de CSS.
l'attribut id
l'attribut id permet d'identifier par une chaîne de caractères un élément HTML de manière UNIQUE par exemple :
<h1 id="titreGeneral">Mon Titre</h1>
Notez que si vous avez un peu plus loin dans la même page quelque chose comme
<h2 id="titreGeneral">Mon Titre</h2>
L'unicité de l'id titreGeneral est violée, un version correcte serait:
<h2 id="sousTitre">Mon Titre</h2>
l'attribut class
l'attribut class permet d'identifier par une chaîne de caractères un groupe d'éléments HTML qui possèdent des "points communs". Par exemple :
<h1 class="titre">Mon Titre</h1>
<h2 class="titre">Mon Titre 2</h2>
pour les valeurs de class ou id vous êtes libres de choisir les noms que vous voulez, toutefois l'usage des caractères accentués et spéciaux est fortement déconseillé.
Nous verrons en utilisant CSS et javascript, que ces attributs vont nous permettre de faire référence à un et un seul élément, ou a des groupes d'éléments HTML (typiquement une (ou des) balises et son (leur) contenu éventuel), sans se préoccuper de là où il(s) se situe(nt) dans la page, ni même de la balise à laquelle ils sont associés.



blog