Précision sur une balise <h1>

WRInaute discret
Bonsoir, j'ai juste une question simple sur une balise h1.

Je m'explique, je voudrais faire varier la couleur de la police sur le titre sur un site en préparation.

j'ai donc une balise du type:

<h1>le début de mon titre <span class="couleur">le reste du titre</span></h1>

Je voudrais savoir si la totalité de mes mots "le début de mon titre le reste de mon titre" seront considéré comme du h1.

Vu que la balise h1 englobe tout le titre je dirai oui mais je préfère demander un avis de maître.

Merci d'avance,
 
WRInaute occasionnel
aliens a dit:
Bonsoir, j'ai juste une question simple sur une balise h1.

Je m'explique, je voudrais faire varier la couleur de la police sur le titre sur un site en préparation.

j'ai donc une balise du type:

<h1>le début de mon titre <span class="couleur">le reste du titre</span></h1>

Je voudrais savoir si la totalité de mes mots "le début de mon titre le reste de mon titre" seront considéré comme du h1.

Vu que la balise h1 englobe tout le titre je dirai oui mais je préfère demander un avis de maître.

Merci d'avance,

Bonjour,

Je pense que oui. car ta "deuxième partie de mots" est toujours dans ton <H1>, la balise n'étant pas encore fermée.

Bonne soirée sur WRI

Fanny
 
WRInaute accro
Bien sûr et c'est d'ailleurs comme ça que tu définiras ton span dans le css, comme contenu de H1
En revanche ça aurait posé des problèmes si ça avait été une balise de type bloc, genre <p> qui n'a logiquement pas à se trouver à l'intérieur d'un H1
 
Nouveau WRInaute
et une balise du genre
<h2><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""> SMS-PC [disponible en marque blanche]</h2>

Ca ne va pas poser problème ?
 
WRInaute passionné
Bah ça, tu le fais en css. comme ça tu n'as plus que :
Code:
<h2> SMS-PC [disponible en marque blanche]</h2>
 
WRInaute impliqué
Code:
<h2><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""> SMS-PC [disponible en marque blanche]</h2>

Cela ne pose aucun problème puisse que au final le moteur voit :

Code:
<h2>SMS-PC [disponible en marque blanche]</h2>
 
WRInaute passionné
Oui, mais sémantiquement, c'est de la merde.
Comme la sémantique, c'est le futur du web, autant prendre les bonnes habitude.
 
WRInaute discret
Marie-Aude a dit:
Bien sûr et c'est d'ailleurs comme ça que tu définiras ton span dans le css, comme contenu de H1
En revanche ça aurait posé des problèmes si ça avait été une balise de type bloc, genre <p> qui n'a logiquement pas à se trouver à l'intérieur d'un H1

Bonjour, oui effectivement ca coule de source.
Pourtant j'ai déjà ce type d'abbération faite par des référenceurs qui se paient cher...

En tout cas merci de vos réponses.
 
Nouveau WRInaute
Koxin-L a dit:
Bah ça, tu le fais en css. comme ça tu n'as plus que :
Code:
<h2> SMS-PC [disponible en marque blanche]</h2>


Oui oui vous avez tout a fait raison C’est mieux de faire
ca en css ca allègera au moins le code source de la page
 
WRInaute accro
DadouDuck a dit:
Code:
<h2><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""> SMS-PC [disponible en marque blanche]</h2>

Cela ne pose aucun problème puisse que au final le moteur voit :

Code:
<h2>SMS-PC [disponible en marque blanche]</h2>

Non.

Le moteur voit:

Code:
<h2><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""><img border="0" src="imacul/pucbdv.gif" width="8" height="8" alt=""> SMS-PC [disponible en marque blanche]</h2>

et il interprète (je vulgarise)

<important>
<element>
<value>{nil}</value>
</element>
<element>
<value>{nil}</value>
</element>
<element>
<value>{nil}</value>
</element>
<element>
<value>SMS</value>
</element>
<element>
<value>PC</value>
</element>
<element>
<value>disponible</value>
</element>
<element>
<value>en</value>
</element>
<element>
<value>marque</value>
</element>
<element>
<value>blanche</value>
</important>

...alors qu'avec la solution CSS, il interprète:

<important>
<element>
<value>SMS</value>
</element>
<element>
<value>PC</value>
</element>
<element>
<value>disponible</value>
</element>
<element>
<value>en</value>
</element>
<element>
<value>marque</value>
</element>
<element>
<value>blanche</value>
</important>

--> moindre dilution de l'importance conférée aux éléments ;)
 
Discussions similaires
Haut