Discussion :

[alex2746]

Bonjour,
pouvez vous m'expliquer la différence entre les attributs class et id qu'on le peut utiliser avec toutes les balises html je pense!

Merci d'avance.

[Eric2a]

Salut,

"id" désigne un élément unique dans la page.
"class" peut-être utilisé plusieurs fois.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<ul id="menu">
 <li class="sousmenu">premier</li>
 <li class="sousmenu">deuxième</li>
</ul>

[Auteur]

bonjour,

id est un... identifiant qui fait référence à un élément et un seul. Il permet de cibler un élément grâce à la fonction javascript :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("tonIdentifiant")

Quant à l'attribut class il peut être attribué à n'importe quel élément de la page. Il est utilisé pour définir des propriétés CSS aux éléments qui appellent la (les) classe(s) passée(s) en paramètre.
Toutefois les propriétés CSS définies doivent être compatibles avec les éléments qui appellent la classe.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<style type="text/css">
<!--
.texteImportant{
  color : #FF0000;
  font-weight: bold;
  font-size: 14pt;
}
 
.souligne{
 text-decoration: underline;
}
 
-->
</style>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div> Ceci est un message <span class="texteImportant"> important</span> voire très <span class="texteImportant souligne"> important</span></div>