Problème avec les balises H

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


Lomax7
WRInaute passionné
WRInaute passionné
 
Messages: 679
Inscription: Jeu Mar 29, 2007 6:55

Problème avec les balises H

Message le Jeu Mai 24, 2007 7:31

Salut,

Existe-t-il des astuces pour limiter la taille des caractères des balises H1 H2 H3 ? Je n'ai jamais utiliser ces balises, et je voudrais bien essayer. Le probleme c'est que lorsque je met une balise H1, le texte est énorme, et ça ne va pas du tout avec le reste du contenu de mes pages.


Szarah
WRInaute accro
WRInaute accro
 
Messages: 8090
Inscription: Mer Fév 22, 2006 18:24

Message le Jeu Mai 24, 2007 7:40

La solution consiste à utiliser les styles

h1
{
font-size:14px;
}

Tu choisis l'unité que tu veux, évidemment. Mieux vaut une proportionnelle.


HawkEye
Modérateur
Modérateur
 
Messages: 15041
Inscription: Lun Fév 23, 2004 12:33

Message le Jeu Mai 24, 2007 7:49

Stylesheet ?

Code: Tout sélectionner
h1 { font-size: 12px; }


(rhâ, grillé par la miss... 'faut que j'apprenne à finir les messages que je commence... :lol:)


Lomax7
WRInaute passionné
WRInaute passionné
 
Messages: 679
Inscription: Jeu Mar 29, 2007 6:55

Message le Jeu Mai 24, 2007 8:27

Mille merci pour cette astuce. Il est vrai que je n'utilise pas non plus de feuille de style. Ouais je sais, je fonctionne encore comme les webmasters de la fin des années 90. :)

Florent V.
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 183
Inscription: Mer Mai 16, 2007 13:17

Message le Jeu Mai 24, 2007 10:42

Lomax7 a écrit:Mille merci pour cette astuce. Il est vrai que je n'utilise pas non plus de feuille de style.

Les feuilles de style sont beaucoup plus souples pour la gestion des styles de texte. Commence par là. ;)

sun location
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 109
Inscription: Jeu Déc 14, 2006 20:01

Message le Jeu Mai 24, 2007 12:54

Les styles sont inévitable si on veux construire un site internet propre et clair.

Les possibilité des CSS sont super simpa :)


Pandore
WRInaute accro
WRInaute accro
 
Messages: 1429
Inscription: Ven Oct 14, 2005 22:38

Message le Jeu Mai 24, 2007 18:32

Szarah a écrit:La solution consiste à utiliser les styles

h1
{
font-size:14px;
}

Tu choisis l'unité que tu veux, évidemment. Mieux vaut une proportionnelle.

Oui, effectivement, il vaut mieux utiliser pour des raisons d'accessibilité une taille de police non fixe.

Exemple :
Code: Tout sélectionner
h1
{
font-size:1.1em;
}


:wink:


nalrem
WRInaute impliqué
WRInaute impliqué
 
Messages: 392
Inscription: Dim Avr 06, 2003 21:44

Message le Jeu Mai 24, 2007 18:44

Si tu ne veux pas passer à l'externalisation des styles, mets le style directement dans la balise :

Code: Tout sélectionner
<h1 style="font-size:14px;">titre</>


Lomax7
WRInaute passionné
WRInaute passionné
 
Messages: 679
Inscription: Jeu Mar 29, 2007 6:55

Message le Jeu Mai 24, 2007 20:28

nalrem a écrit:Si tu ne veux pas passer à l'externalisation des styles, mets le style directement dans la balise :

Code: Tout sélectionner
<h1 style="font-size:14px;">titre</>


C'est exactement comme ça que je procède. Mais je ne savais pas qu'on pouvait faire pareil avec les balises H1.


Dargoan06
WRInaute discret
WRInaute discret
 
Messages: 77
Inscription: Mar Juil 11, 2006 12:50

Message le Jeu Mai 24, 2007 23:01

Lomax7 a écrit:
nalrem a écrit:Si tu ne veux pas passer à l'externalisation des styles, mets le style directement dans la balise :

Code: Tout sélectionner
<h1 style="font-size:14px;">titre</>


C'est exactement comme ça que je procède. Mais je ne savais pas qu'on pouvait faire pareil avec les balises H1.


Bonsoir,

Je déconseille cette pratique, qui, bien que correcte car html offre de nombreuses possibilités, va à l'encontre réel de la séparation de la forme et du contenu (règles à suivre pour l'accessibilité, et le respect des standards web).
Sans parler de la maintenance du site bien sûr. Si tu veux modifier la taille de tous tes h1 de tout ton site, tu pourras le faire en 30 secondes, en modifiant simplement le texte css:
Code: Tout sélectionner
h1 {
  font-size: 1.2em; // valeur à modifier
}

alors qu'en écrivant ton style dans ton fichier html... tu devras te palucher toutes tes pages, et changer dans toutes tes pages la valeur.

Non, franchement, dès que tu veux faire du visuel, essaie d'externaliser l'effet attendu dans une feuille de style. :wink: C'est très puissant le CSS.


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités