Heading
Un titre nomme une page ou une partie d'elle, et l'ensemble des titres est la carte de la page.
Sur cette page
Playground
Rendez-vous
Niveau
Fond
<h1>Rendez-vous</h1>Quand l'utiliser
- Un seul titre 1 par page, indiquant ce que contient la page.
- Les titres 2, 3 et 4 servent à diviser en parties, dans l'ordre, sans jamais sauter un niveau.
Quand ne pas l'utiliser
- Pour rendre le texte grand ou gras : utilisez Text avec
data-size="lead", ou<strong>. Le niveau est la structure, pas la taille. - En tant que kicker en majuscules au-dessus d'un autre titre : il n'existe pas dans Feitio.
Exemples
Calendriers
Cette semaine
Mardi
Matin
Les quatre niveaux
En Alegreya Sans. La taille vient du niveau ; il n'y a pas de "titre 2 habillé comme un titre 1".
Afficher le code
<h1>Agendamentos</h1>
<h2>Esta semana</h2>
<h3>Terça-feira</h3>
<h4>Manhã</h4>Faire et ne pas faire
Do
Rappels
Three active reminders.Un court titre indiquant ce qui suit.
Don’t
Organization
Rappels
L'encaptement en majuscules est une décoration et un marqueur de pages génériques.
Do
Sauvegarde informatique
Tout le titre dans la même couleur et le même poids.
Don’t
Informatique sauvegarde
Un mot en orange ou en italique attire l'attention au mauvais endroit.
Écriture
- Un nom ou une courte phrase, sans point : "Calendriers", "Cette semaine".
- Seule la première lettre est majuscule. Pas de tout en majuscules.
Accessibilité
- Les lecteurs d'écran naviguent par les titres : l'ordre doit avoir du sens sans voir l'écran.
- Ne jamais sauter un niveau (de 2 à 4) : les personnes qui naviguent par les titres pensent avoir manqué une partie.
Attributs
| Attribut | Valeurs | Pour quoi |
|---|---|---|
<h1> à <h4> | le niveau | Aucune classe : les styles CSS de base s'en chargent, et la taille vient du niveau. |