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.
En esta página
Playground
Citas
Nivel
Fondo
<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
Cronogramas
Esta semana
Martes
Mañana
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
<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. |