Guía Completa: Elementos de un Artículo

Este artículo es una guía completa que demuestra todos los elementos tipográficos soportados por el sistema de blog de Foundation. Usalo como referencia para ver cómo se renderiza cada componente con los estilos prose de Tailwind Typography.

Encabezados de Sección

Los encabezados estructuran el contenido y mejoran el SEO. Este es un h2.

Subencabezado h3

Los subencabezados permiten jerarquizar hasta seis niveles de profundidad.

Listas

Las listas no ordenadas son ideales para colecciones sin orden específico:

• Primer elemento de la lista
• Segundo elemento con negrita y cursiva
• Tercer elemento con un enlace externo

Las listas ordenadas muestran secuencias o pasos:

1. Configurar el proyecto con NestJS
2. Crear las entidades con TypeORM
3. Implementar los controladores y servicios
4. Escribir tests para cada capa

Tabla Comparativa

Las tablas son útiles para comparar datos estructurados:

Bloque de Código

Los bloques de código muestran snippets con sintaxis preservada:

import { Controller, Get } from '@nestjs/common';

@Controller('users')
export class UsersController {
  @Get()
  findAll() {
    return this.usersService.findAll();
  }
}

Cita en Bloque

Las citas destacan ideas importantes o referencias externas:

La arquitectura limpia separa lo que cambia de lo que permanece estable. Las dependencias deben apuntar hacia las abstracciones, no hacia los detalles.

Resumen

Hemos cubierto encabezados, párrafos, listas ordenadas y no ordenadas, tablas, bloques de código, citas, negritas, cursivas y enlaces. Todos estos elementos se renderizan correctamente con el plugin @tailwindcss/typography y la clase prose.