Comment utiliser les balises h ?
Les balises h permettent de structurer le texte.
Niveaux d’en-têtes ou de titre.
Le langage html définit 6 niveaux de titre ou d’en-têtes – en anglais heading – afin de définir une structuration hiérarchique des paragraphes dans un texte.
<h1> Titre de niveau 1 </h1>Titre de niveau 1
<h2> Titre de niveau 2 </h2>Titre de niveau 2
<h3> Titre de niveau 3 </h3>Titre de niveau 3
<h4> Titre de niveau 4 </h4>Titre de niveau 4
<h5> Titre de niveau 5 </h5>Titre de niveau 5
<h6> Titre de niveau 6 </h6>Titre de niveau 6
La taille du contenu des balises <h…> … </h…> est proportionnelle à la taille par défaut de la police du navigateur (environ 1em), elle peut varier en fonction des navigateurs.
Généralement le contenu de niveau 1 vaut 200%, niveau 2 vaut 150%, niveau 3 vaut 110%, niveau 4 vaut 100%, niveau 5 vaut 80%, niveau 6 vaut 60%.
Les balises <h…> … </h…> sont importantes pour le référencement et doivent être utilisées correctement.
La hiérarchie doit être respectée (le contenu d’une balise <h6> </h6> ne doit pas être d’une taille plus importante que les autres).
Le contenu doit être titre simple et ne doit surtout pas devenir un paragraphe.
Les attributs
Les attributs suivants peuvent être placés dans les balises de structure afin de permettre une disposition plus précise des éléments html.
align
L’attribut align permet de définir l’alignement horizontal du contenu. L’attribut align doit avoir pour valeur left, right, center ou justify.
left
La valeur left permet d’aligner le contenu sur la gauche.
right
La valeur right permet d’aligner le contenu sur la droite.
center
La valeur center permet de centrer le contenu.
justify
La valeur justify permet de justifier le contenu.
nowrap
Interdit au navigateur d’effectuer un saut de ligne.
id
Attribue un identifiant à la balise. Cet attribut est notamment utile pour la programmation en JavaScript.
lang
Spécifie un langage différent.
class
Assigne une classe au contenu (pour les feuilles de style).
clear
Utilisé dans le cas d’un texte entourant une image. Il permet de descendre dans la page aussi loin qu’il est nécessaire pour atteindre une marge libre.