# Heading

Un titre nomme une page ou une partie d'elle, et l'ensemble des titres est la carte de la page.

## Playground

```html
<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

### 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

```html
<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.
