Classe ou identifiant ?


// Les identifiants

On utilise un identifiant pour "nommer" un élément (on utilisera ici plus justement
identifier). Donc, en toute logique, deux éléments ne peuvent pas avoir le même identifiant.

On donne couramment des identifiants aux éléments comme le logo ou le pied de page, et assez couramment également, un identifiant aux champs d'un formulaire.
Pour définir un identifiant, on utilise l'attribut id="identifiant"


// Les classes

Les classes concernent elles, une série d'éléments de la page qui ont le même
comportement, comme les titres des paragraphes ou des paragraphes.


Pour définir une classe, on utilise l'attribut class="maclasse".

Il est possible d'utiliser plusieurs classes pour un seul et même élément :

class="code_html exemple" : on sépare chaque classe par un espace.


Il est biensûr possible d'ajouter un identifiant et une série de classes à un même
élément.


Pour rendre cette notion moins abstraite, nous allons l'illustrer avec un exemple :

Nous travaillons biensûr dans la partie <body> de la page. 


   1  <!-- haut de la page -->
   2  <div id="header">
   3    <img src="./images/logo.png" alt="Mon site internet" />
   4  </div>
   5  <!-- menu -->
   6  <ul class="menu">
   7    <li>Accueil</li>
   8    <li>Qui sommes nous ?</li>
   9    <li>Nos travaux</li>
  10  </ul>
  11  <ul class="menu">
  12    <li>Forum</li>
  13    <li>Livre d'or</li>
  14    <li>Chat</li>
  15    <li>Contact</li>
  16  </ul>
  17  <!-- Corps de la page -->
  18  <p>...</p>
  19  <!-- Pied de page -->
  20  <p id="footer">
  21    &copy; 2005 - Mon entreprise.<br />
  22    Tous droits r&eacute;s&eacute;rv&eacute;s
  23  </p>

Le résultat est disponible sur la page d'exemple n°4.

Dans le but de mieux comprendre le lien entre les classes, les identifiants et les feuilles de style, des styles CSS ont déjà été appliqués.


> retour au sommaire

> voir la suite