Etiqueta HTML <caption>
Ejemplo
Una tabla con un título:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Try it Yourself »
Más ejemplos de "Try it Yourself" ("Pruébelo usted mismo") a continuación.
Definición y uso
La etiqueta <caption> define un título de tabla.
La etiqueta <caption> debe insertarse inmediatamente después de la etiqueta <table>.
Consejo: De forma predeterminada, el título de una tabla estará alineado en el centro encima de la tabla. Sin embargo, las propiedades CSS text-align y caption-side se puede utilizar para alinear y colocar el título.
Soporte del navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <caption> | Sí | Sí | Sí | Sí | Sí |
Atributos globales
La etiqueta <caption> también soporta los Atributos Globales en HTML.
Atributos del evento
La etiqueta <caption> también soporta los Atributos de Evento en HTML.
Más ejemplos
Ejemplo
Posición de títulos de tabla (con CSS):
<table>
<caption style="text-align:right">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption style="caption-side:bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Try it Yourself »
Páginas relacionadas
Referencia HTML DOM: Objeto de Caption.
Configuración CSS predeterminada
La mayoría de los navegadores mostrarán el elemento <caption> con los siguientes valores predeterminados:
