# Heading

Un título nombra una página o una parte de ella, y el conjunto de títulos es el mapa de la página.

## Playground

```html
<h1>Citas</h1>
```

## Cuándo usarlo

-   Un título 1 por página, diciendo qué es la página.
-   Títulos 2, 3 y 4 para dividir en partes, en orden, nunca saltando un nivel.

## Cuándo no usarlo

-   **Para hacer texto grande o grueso:** usa Texto con `data-size="lead"`, o `<strong>`. El nivel es estructura, no tamaño.
-   **Como un kicker en mayúsculas** sobre otro título: no existe en Feitio.

## Ejemplos

### Los cuatro niveles

En Alegreya Sans. El tamaño viene del nivel; no hay "título 2 disfrazado de título 1".

Mostrar código

```html
<h1>Agendamentos</h1>
<h2>Esta semana</h2>
<h3>Terça-feira</h3>
<h4>Manhã</h4>
```

## Hacer y no hacer

Do

### Recordatorios

Three active reminders.

Un título breve que diga qué viene abajo.

Don’t

Organization

### Recordatorios

El kicker en mayúsculas es decoración y un marcador de páginas genéricas.

Do

### Respaldo informático

Todo el título en el mismo color y peso.

Don’t

### Informático respaldo

Una palabra en naranja o cursiva atrae la atención al lugar incorrecto.

## Escritura

-   Un sustantivo o frase corta, sin punto: "Calendarios", "Esta semana".
-   Solo la primera letra mayúscula. No todo en mayúsculas.

## Accesibilidad

-   Los lectores de pantalla navegan por títulos: el orden debe tener sentido sin ver la pantalla.
-   Nunca omitir un nivel (de 2 a 4): las personas que navegan por títulos piensen que se les ha perdido una parte.

## Atributos

Atributo

Valores

Para qué sirve

`<h1>` a `<h4>`

el nivel

Sin clase: los estilos CSS base lo manejan, y el tamaño proviene del nivel.