title
Título de tabla
La etiqueta <caption> proporciona un título o descripción para una tabla HTML
<table>
<caption>Ventas del Primer Trimestre</caption>
<thead>
<tr>
<th>Producto</th>
<th>Ventas</th>
</tr>
</thead>
<tbody>
<tr>
<td>Laptop</td>
<td>$15,000</td>
</tr>
</tbody>
</table>
<caption>Ventas del Primer Trimestre</caption>
<thead>
<tr>
<th>Producto</th>
<th>Ventas</th>
</tr>
</thead>
<tbody>
<tr>
<td>Laptop</td>
<td>$15,000</td>
</tr>
</tbody>
</table>
settings
Características principales
- description Proporciona contexto sobre los datos
- accessibility Mejora la accesibilidad para lectores de pantalla
- format_align_center Se muestra arriba de la tabla por defecto
visibility
Ejemplo visual
| Producto | Ventas | Cantidad |
|---|---|---|
| Laptop | $15,000 | 15 |
| Monitor | $5,980 | 20 |
| Teclado | $1,580 | 20 |
lightbulb
Posicionamiento con CSS
Usar caption-side para posicionar el título:
• top (predeterminado)
• bottom
• top (predeterminado)
• bottom
compare_arrows
Posición en la estructura
- looks_one Se coloca inmediatamente después de la etiqueta <table>
- looks_two Solo puede haber una etiqueta <caption> por tabla
- looks_3 Puede contener cualquier elemento HTML dentro