Id css et référencement

[skyll]

Avé avé

une chtite question... que je me pose :
la validation w3c.. je m'en suis jamais vraiment trop préocupé..
mais certaine erreurs me genent un peu... genre déclarer 2x le même "id" en CSS :
ca passe à l'écran, mais pas au W*C validator :-/

Forcément, en remplacant par des "class".. ca passe, mais c'est pas top :-/
donc, je préfèrerais éviter :-/

c'est grave docteur ?
est-ce que ca peut réellement avoir une incidence sur un positionnement...

Merci

 

[moktoipas]

--ca passe, mais c'est pas top :-/

selon quel critere c pas top ?

aucune incidence

 

[skyll]

--ca passe, mais c'est pas top :-/
selon quel critere c pas top ?

purement visuel :mrgreen:

mais merci, en fait, j'ai trouvé la gruge avec des "class"

 

[skyll]

du coup :

<h2 class="mabelleclass"><span class="masuperclass">Mon texte&nbsp;</span></h2>

ca fais un peu chargé.. mais bon :-/

 

[YoyoS]

En quel honneur c'est chargé ? Essaie de taper 20 propriétés à la place de chaque classe, on verra si c'est chargé -_-

 

[SpeedAirMan]

J'avoue avoir du mal à comprendre...

Déjà : CSS et référencement, rien à voir (et l'un n'a aucune incidence sur l'autre).

Ensuite, je vois pas en quoi utiliser des class au lieu d'id pose un problème.

id = sélecteur unique
class = sélecteur multiple

C'est un langage standardisé, avec des règles, donc c'est normal que "2 fois le même id ça valide pas" puisque c'est écrit comme ça. L'utilisation de class solutionne ce problème, sans en poser d'autres.


Enfin et pour finir :

<h2 class="mabelleclass"><span class="masuperclass">Mon texte&nbsp;</span></h2>

je trouve ça un peu "lourd" comme code...
Ceci

<h2>mon texte</h2>

aurait tout aussi bien fonctionné ;-) (et tu peux lui appliquer le style que tu souhaite)

 

[skyll]

J'avoue avoir du mal à comprendre...
Déjà : CSS et référencement, rien à voir (et l'un n'a aucune incidence sur l'autre).)

Ca, ok je parlais plus des erreur W*C

Ensuite, je vois pas en quoi utiliser des class au lieu d'id pose un problème.
id = sélecteur unique
class = sélecteur multiple
C'est un langage standardisé, avec des règles, donc c'est normal que "2 fois le même id ça valide pas" puisque c'est écrit comme ça. L'utilisation de class solutionne ce problème, sans en poser d'autres.

Ben là, curieusement, en changeant les id= par class= et les # du css par des .
ben... marche plus du tout....

Enfin et pour finir :

<h2 class="mabelleclass"><span class="masuperclass">Mon texte&nbsp;</span></h2>

je trouve ça un peu "lourd" comme code...
Ceci

<h2>mon texte</h2>

aurait tout aussi bien fonctionné ;-) (et tu peux lui appliquer le style que tu souhaite)

normalement oui...
mais quand il y à plusieurs style visuel de <h2> différents dans la même page
ca marche plus

 

[Rod la Kox]

mais quand il y à plusieurs style visuel de <h2> différents dans la même page
ca marche plus

Là on tombe aussi dasn l'ergonomie du site.
Si tes balises hx ne sont pas identiques, ce peut être très chiant pour le visiteur.

 

[Furtif]

mais quand il y à plusieurs style visuel de <h2> différents dans la même page

Dans ce cas c'est une mauvaise utilisation des balises h2, si tu respectes la hierarchie les balises h2 doivent avoir le meme style. Idem pour h1 ou h3 etc....

revois la structure de ton contenu...

 

[skyll]

mais quand il y à plusieurs style visuel de <h2> différents dans la même page

Dans ce cas c'est une mauvaise utilisation des balises h2, si tu respectes la hierarchie les balises h2 doivent avoir le meme style. Idem pour h1 ou h3 etc....
revois la structure de ton contenu...

Je suis que moyennement d'accord
imagine un sous-titre... vert sur la partie de gauche et rouge à droite (ce n'est qu'un exemple, jetez pas des cailloux :mrgreen: )

si les 2 sont au même niveaux de <Hx> ?? qu'est ce qui m'empêche de leur assigner des couleurs différentes
voire un souligné d'un côté et pas de l'autre ?? :roll:

 

[YoyoS]

Assez absurdes tes exemples. Pourquoi faire des titres différents pou même niveau de Hx. C'est justement conseillé de marquer la distinction entre les différents niveaux comme ça on voit bien la hiérarchie, mais c'est tout. C'est un sapin de noël ton site ptet ?

 

[Marie-Aude]

du coup :

<h2 class="mabelleclass"><span class="masuperclass">Mon texte&nbsp;</span></h2>

ca fais un peu chargé.. mais bon :-/

En "propre c'est

<h2 class="mabelleclass masuperclass">Mon texte&nbsp;</h2>

si tu as vraiment besoin des deux classes, ce dont je doute.

 

[skyll]

En "propre c'est

<h2 class="mabelleclass masuperclass">Mon texte&nbsp;</h2>

si tu as vraiment besoin des deux classes, ce dont je doute.

C'est sûr, c'est plus propre
Mais marche pas ca part dans tous les sens

Merci bien quand même