OVH Cloud OVH Cloud

différence entre id et class

11 réponses
Avatar
Christophe
J'utilise toujours les class, genre <div class="toto">, jamais id.

Au fond, quelle est la différence ?
--
____________________________________________________________________

http://batraciens.net/
"BATRACIENS" : Un site consacré à l'élevage et à la maintenance des
batraciens, aquatiques ou terrestres.
Nombreuses Photos et articles de maintenance. Petites annonces.
____________________________________________________________________
____________________________________________________________________

10 réponses

1 2
Avatar
loiseauthierry
"Christophe" <pas_ré a écrit dans le message de news:
3f7bd5e5$0$20952$
J'utilise toujours les class, genre <div class="toto">, jamais id.

Au fond, quelle est la différence ?



L'id est unique.
Avatar
Vincent Gardet
"Christophe" a écrit dans le message de news:
J'utilise toujours les class, genre <div class="toto">, jamais id.
Au fond, quelle est la différence ?



Une classe peut-être affectée à plusieurs élements (class="article")
Un id identifie un élément unique (id="header")


Vincent Gardet
Avatar
Christophe
Bruno Patri wrote:

Christophe wrote:

J'utilise toujours les class, genre <div class="toto">, jamais id.

Au fond, quelle est la différence ?




les id sont des identifiants il doivent être uniques dans un document,
il faut donc reserver les sélécteurs d'id pour appliquer une mise en
forme à un seul élément du document. Si la m^me mise en forme doit
s'aplliquer a plusieurs éléments du document alors on utilise une classe.



Mu ?
Si je comprend bien, je n'ai le droit d'utiliser un <span id="toto">
qu'une fois par feuille HTML ?

Quel intérêt d'avoir cette limitation ?

--
____________________________________________________________________

http://batraciens.net/
"BATRACIENS" : Un site consacré à l'élevage et à la maintenance des
batraciens, aquatiques ou terrestres.
Nombreuses Photos et articles de maintenance. Petites annonces.
____________________________________________________________________
____________________________________________________________________
Avatar
Nicolas Aunai
"Christophe" avait énoncé :


Mu ?
Si je comprend bien, je n'ai le droit d'utiliser un <span id="toto"> qu'une
fois par feuille HTML ?



oui

Quel intérêt d'avoir cette limitation ?




quand tu n'a qu'un élément auquel appliquer un style particulier.


--
Nico,
http://astrosurf.com/nicoastro
messenger :
Avatar
Sergio
le 02/10/2003 10:53 :

Mu ?
Si je comprend bien, je n'ai le droit d'utiliser un <span id="toto">
qu'une fois par feuille HTML ?

Quel intérêt d'avoir cette limitation ?



Ce n'est pas une limitation, c'est le but de la chose. Un id sert à
repérer un élément dans ta page. Le plus classique est l'id sur un lien
permettant de te déplacer dans la page :
<a href="#parla">Je veux aller par là</a>
bla bla
<a id="parla">par là</a>

--
Serge http://leserged.online.fr/
Tout sur Windows : http://www.bellamyjc.org/ et http://www.ntfaqfr.com/
Avatar
mauriz
Christophe a écrit :
Mu ?
Si je comprend bien, je n'ai le droit d'utiliser un <span id="toto">
qu'une fois par feuille HTML ?

Quel intérêt d'avoir cette limitation ?




Il ne faut pas oublier qu'il n'y a pas que CSS dans la vie.
L'attribut id peut être utilisé pour accéder à un élément avec
ECMAScript par exemple.
Avatar
Etienne SOBOLE
"mauriz" a écrit dans le message de news:
3f7c0434$0$27050$

Il ne faut pas oublier qu'il n'y a pas que CSS dans la vie.
L'attribut id peut être utilisé pour accéder à un élément avec
ECMAScript par exemple.



Oui ! :)
Ca sert meme limite plus pour ca!

Etienne
Avatar
Jerotito
Nicolas Moreau me répondait :

Tu peux combiner une classe (propriétés pouvant être appelée plusieurs
fois) et un identificateur pour un seul élément (voir plus bas).

Tandis que tu ne peux pas avoir un élément avec *deux* attributs class
(<span class="toto" class="rouge">).



tu peux faire
<span class="toto rouge">



Bon à savoir. Comme quoi on n'a jamais assez bien lu les specs.

Je suppose que si deux propriétés *contradictoires* issues d'une
double classe sont utilisées, seule la première apparaît.
Exemple : .bleu {color: blue} et .jaune {color: yellow}
<span class="bleu jaune">Machin</span> sera sans doute rendu en
bleu, la propiété color: yellow passant à la trappe...

Toutes proportions gardées, ce système « ressemble un peu » à la faculté
de groupage des éléments qui utilisent une même propriété :
div.machin, span.truc {font-family: Courier, monospace}


--
<http://jerotito.org/>
Vivement un plug-in "grille-pain et cafetière" pour Mozilla...
Avatar
Patrice
Christophe <pas_ré wrote:

J'utilise toujours les class, genre <div class="toto">, jamais id.

Au fond, quelle est la différence ?



id est utilisé pour les éléments uniques :

<div id="main">
<div class="menu" id="menuHaut">
</div>
<div id="contenu">
</div>
<div class="menu">
</div>
</div>

--
...
Avatar
Jerotito
Vrrrrr__OOOO me répondait :

Je suppose que si deux propriétés *contradictoires* issues d'une
double classe sont utilisées, seule la première apparaît.
Exemple : .bleu {color: blue} et .jaune {color: yellow}
<span class="bleu jaune">Machin</span> sera sans doute rendu en
bleu, la propiété color: yellow passant à la trappe...



à mon avis c'est le contraire:
<span class="bleu jaune">Machin</span> > <span class="bleu" class="jaune">Machin</span>
et donc jaune va ecraser bleu.



Je pensais *dans cet ordre*
par analogie avec ma tentative d'un <span class="rouge" class="gras">
[et tentative inverse] : la deuxième classe était ignorée à chaque fois.

--
<http://jerotito.org/>
Vivement un plug-in "grille-pain et cafetière" pour Mozilla...
1 2