HTML
Les titres

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Recherche…


Introduction

HTML fournit non seulement des balises de paragraphe simples, mais six balises d'en-tête distinctes pour indiquer les en-têtes de différentes tailles et épaisseurs. Sous la dénomination de 1 à 6, le titre 1 a le texte le plus grand et le plus épais, tandis que le titre 6 est le plus petit et le plus fin, jusqu'au niveau du paragraphe. Cette rubrique détaille l'utilisation correcte de ces balises.

Syntaxe

  • <h1>...</h1>
  • <h2>...</h2>
  • <h3>...</h3>
  • <h4>...</h4>
  • <h5>...</h5>
  • <h6>...</h6>

Remarques

  • Un élément h1 - h6 doit avoir à la fois une balise de début et une balise de fin. 1

  • h1 éléments h1 - h6 sont des éléments de niveau bloc par défaut (style CSS: display: block ). 2

  • h1 éléments h1 - h6 ne doivent pas être confondus avec l' élément section

  • Les balises d'en-tête ( h1 - h6 ) ne sont pas liées à la balise head .

  • Contenu autorisé: contenu du texte

  • Les différents styles CSS pour les en-têtes diffèrent généralement en font-size et de margin . Les paramètres CSS suivants pour les éléments h1 - h6 peuvent servir d'orientation (caractérisé comme «informatif» par le W3C )

  • Les moteurs de recherche (le code qui ajoute une page à un moteur de recherche) accorde automatiquement plus d'attention à une importance plus élevée (h1 a le plus, h2 a moins, h3 a encore moins, ...) pour discerner la nature d'une page.

Utiliser les en-têtes

Les en-têtes peuvent être utilisés pour décrire le sujet qu'ils précèdent et ils sont définis avec les balises <h1> à <h6> . Les en-têtes prennent en charge tous les attributs globaux .

  • <h1> définit l'en-tête le plus important.
  • <h6> définit l'en-tête le moins important.

Définir un titre: 

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

La structure correcte compte

Les moteurs de recherche et autres agents utilisateurs indexent généralement le contenu de la page en fonction d'éléments de titre, par exemple pour créer une table des matières. Il est donc important d'utiliser la structure appropriée pour les en-têtes.

En général, un article devrait avoir un élément h1 pour le titre principal suivi des sous-titres h2 - en descendant d'une couche si nécessaire. S'il y a des éléments h1 à un niveau supérieur, ils ne devraient pas être utilisés pour décrire un contenu de niveau inférieur.

Exemple de document (intention supplémentaire pour illustrer la hiérarchie): 

<h1>Main title</h1>
<p>Introduction</p>

    <h2>Reasons</h2>

        <h3>Reason 1</h3>
        <p>Paragraph</p>

        <h3>Reason 2</h3>
        <p>Paragraph</p>

    <h2>In conclusion</h2>
    <p>Paragraph</p>


Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow