Problème avec les balises H

Consultez la formation au REFERENCEMENT naturel Google de WebRankInfo / Ranking Metrics

Lomax7
WRInaute impliqué
WRInaute impliqué
 
Messages: 796
Inscription: 29 Mar 2007

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: 8093
Inscription: 22 Fév 2006

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
WRInaute accro
WRInaute accro
 
Messages: 17005
Inscription: 23 Fév 2004

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 impliqué
WRInaute impliqué
 
Messages: 796
Inscription: 29 Mar 2007

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 discret
WRInaute discret
 
Messages: 183
Inscription: 16 Mai 2007

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 discret
WRInaute discret
 
Messages: 109
Inscription: 14 Déc 2006

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 passionné
WRInaute passionné
 
Messages: 1441
Inscription: 14 Oct 2005

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 occasionnel
WRInaute occasionnel
 
Messages: 401
Inscription: 6 Avr 2003

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 impliqué
WRInaute impliqué
 
Messages: 796
Inscription: 29 Mar 2007

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: 78
Inscription: 11 Juil 2006

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.


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Formation recommandée sur ce thème :

Formation REFERENCEMENT 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 1 invité