Référencement balise <Hn>

WRInaute occasionnel
Bonjour,

J'ai apris depuis peu l'importance des balises Hn.
Je compte donc les ajouter à mon site. Le problème est que je ne sais pas trop comment les placer. Je pensais à H1 pour le titre, H2 pour une introduction, H3 pour le texte. Mais puis-je en mettre à un menu ? Un numéro trop haut (H6), le pénalisera t-il ?

Merci.
 
WRInaute impliqué
Oui bien sur tu peux mettre plusieurs fois la meme balise :)

en reprenant mon exemple :

Code:
<h1>Titre 1</h1>

<h2>Sous-titre 1</h2>
<p>Paragraphe</p>
<p>Paragraphe</p>

<h2>Sous-titre 2</h2>
<p>Paragraphe</p>
<p>Paragraphe</p>


<h1>Titre 2</h1>

<h2>Sous-titre 1</h2>
<p>Paragraphe</p>
<p>Paragraphe</p>

<h2>Sous-titre 2</h2>
<p>Paragraphe</p>
<p>Paragraphe</p>


et pour un menu, tu peux utiliser une liste :

Code:
<ul>
<li>Lien 1</li>
<li>Lien 2</li>
<li>Lien 3</li>
<li>Lien 4</li>
</ul>
 
WRInaute impliqué
tu peux mais synthaxiquement ce n'est pas correct.
une seule balise h1 par page. (trouve pas le lien sur w3c)
 
WRInaute occasionnel
Par exemple, pour mes titres de page :
Code:
<p class="h1">Titre de ma page</p>
Avec :
Code:
.h1
{	
	text-align:center;
	font-family: Verdana;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-decoration:underline;
}

.h1 a:link
{
	text-align:center;
	font-family: Verdana;
	font-size: 18px;
	color: #0099FF;
	font-weight: bold;
	text-decoration: none;
	text-decoration:underline;
}

.h1 a:visited
{
	text-align:center;
	font-family: Verdana;
	font-size: 18px;
	color: #377BD7;
	font-weight: bold;
	text-decoration: none;
	text-decoration:underline;

}

.h1 a:hover
{
	text-align:center;
	font-family: Verdana;
	font-size: 18px;
	color: #FC6D04;
	font-weight: bold;
	text-decoration: none;
	text-decoration:underline;
}

Ca vous parait correct, ou il y a mieux ?
 
WRInaute passionné
euh ... je crois que tu n'as pas compris du tout le but des balises "h" et aussi de la manière dont on les utilise.

une balise "h" (h1, h2, h3, h4, ... ) sert à faire des titres. On n'y met donc QUE un titre et rien d'autre.

Si tu veux faire un paragraphe de texte, il faut alors utiliser une balise "p" .

Exemple d'architecture :

Code:
<h1>Titre 1</h1>

<h2>Sous-titre 1</h2>
<p>Paragraphe</p>
<p>Paragraphe</p>

<h3>Sous-titre 2</h3>
<p>Paragraphe</p>
<p>Paragraphe</p>

<h3>Sous-titre 2</h3>
<p>Paragraphe</p>
<p>Paragraphe</p>

<h2>Sous-titre 2</h2>
<p>Paragraphe</p>
<p>Paragraphe</p>

Et si tu veux mettre en forme la balise en utilisant le css, tu peux les appeller directement :

Exemple de css :

Code:
h1
{   
   text-align:center;
   font-family: Verdana;
   font-size: 18px;
   color: #000000;
   font-weight: bold;
   text-decoration: none;
   text-decoration:underline;
}

p
{   
   text-align:left;
   font-family: Verdana;
   font-size: 10px;
   color: #000000;
   font-weight: normal;
 
}

:wink:
 
Discussions similaires
Haut