[RÉGLÉ] Balise <p> ou <span> dans un <h1> ??

[Fioulz]

Bonjour,
je souhaiterais mettre un slogan qui figure sur la page d'accueil en <h1> pour mon site. Ce slogan doit figurer sur 2 lignes, avec la 2éme partie indenté par rapport à la 1ére. J'ai trouvé cette solution mais je me demande si elle est vraiment bonne pour le SEO:

<h1> début du texte
<p style ="margin-left:60px">fin du texte </p></h1>

J'ai des doutes sur la pertinence d'un <p> dans le <h1>

Sinon j'ai aussi vu cette solution :

<h1>début du texte<br />
<span style="margin-left:60px">fin du texte</span></h1>

Qu'est ce que vous en pensez?

[lomart]

Re : Balise &lt;p&gt; ou &lt;span&gt; dans un &lt;h1&gt; ??

Bonjour,

un truc qui est sur, c'est le <p style margin-left:60px> qui n'ira pas, il faut écrire <p style="margin-left:60px">
Perso, je préfère le span, même si un p dans un h1 est, il me semble, autorisé maintenant.

[ced1870]

Re : Balise &lt;p&gt; ou &lt;span&gt; dans un &lt;h1&gt; ??

salut
+1 avec lomart et j'opte pour le span

<p> est une balise de paragraphe souvent stylée avec des marges dans ton template, <span> est une balise "neutre" qui s'intètre très bien partout
c'est juste mon avis

CEd

[Fioulz]

Re: Balise &lt;p&gt; ou &lt;span&gt; dans un &lt;h1&gt; ??

Oui bien sur pour le style, j'avais écrit ça vite fait. Je pense que je vais opter pour le span ça me semble plus propre. Merci.
Sinon il y a aussi la possibilité <small>

[ced1870]

Re : Balise &lt;p&gt; ou &lt;span&gt; dans un &lt;h1&gt; ??

oui mais "small" ça écrit plus petit

[toffffe]

Re : Balise &lt;p&gt; ou &lt;span&gt; dans un &lt;h1&gt; ??

Salut
+1 pour le span

[PhilJ]

Re : Balise &lt;p&gt; ou &lt;span&gt; dans un &lt;h1&gt; ??

Bonjour,

je souhaiterais mettre un slogan qui figure sur la page d'accueil en <h1> pour mon site. Ce slogan doit figurer sur 2 lignes, avec la 2éme partie indenté par rapport à la 1ére. J'ai trouvé cette solution mais je me demande si elle est vraiment bonne pour le SEO:

<h1> début du texte
<p style ="margin-left:60px">fin du texte </p></h1>

J'ai des doutes sur la pertinence d'un <p> dans le <h1>

Sur le principe moi aussi, et pas seulement ou pas spécialement sur le plan SEO / référencement : <H1> et <p> introduisent en effet des blocs, au sens (X)HTML, qui en l'occurrence ne doivent pas être imbriqués. Des exceptions sont admises pour des imbrications de blocs (voir http://www.alsacreations.com/astuce/...xceptions.html), mais, pour le dire simplement, un paragraphe n'a pas sa place dans un titre.

Donc la solution correcte est :

<h1>début du texte
<span style ="margin-left: 60px;">fin du texte</span></h1>

Des solutions plus élégantes évitant la définition inline (= style ="margin-left: 60px;") sont cependant possibles et probablement préférables. Par exemple :

<h1>début du texte
<span>fin du texte</span></h1>

avec une définition CSS telle que :
—

h1 span {

margin-left: 60px;

}

dans une feuille de style CSS.


Ou bien, s'il faut distinguer le cas de la page d'accueil de celui des autres pages du site :

<h1>début du texte
<span>fin du texte</span></h1>

dans la page d'accueil, avec une définition CSS telle que :
—

.accueil h1 span {

margin-left: 60px;

}

le lien de menu vers la page d'accueil étant défini avec une classe accueil.


Cela dit, "margin-left: 60px;" ne devrait pas avoir pour effet d'obtenir deux lignes, mais seulement de pousser 'fin du texte' 60 pixels plus loin sur la droite. En effet, <span> introduit par défaut un élément inline, donc situé dans une ligne bloc. De ce fait, quelque chose comme :
—

h1 span {

display: block;

}

a plus de chance de réussir, en forçant <span> à être compris comme un bloc, donc à s'afficher comme une nouvelle ligne.



Cordialement,



PhilJ

[Fioulz]

Re: Re : Balise &lt;p&gt; ou &lt;span&gt; dans un &lt;h1&gt; ??

Oui PhilJ, j'avais précisé dans ma question "Ce slogan doit figurer sur 2 lignes, avec la 2éme partie indenté par rapport à la 1ére", d'où la présence du margin-left. Mais merci pour tes conseils, je vais peut-être faire ça, mais je n'en ai pas vraiment besoin, cette indentation doit se trouver sur toutes les pages.