Etiqueta HTML <título>
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>
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La <caption>
etiqueta define un título de la tabla.
La <caption>
etiqueta debe insertarse inmediatamente después de la
etiqueta <table> .
Sugerencia: De forma predeterminada, el título de una tabla se alineará al centro sobre una tabla. Sin embargo, las propiedades CSS text-align y caption-side se pueden usar para alinear y colocar el título.
Compatibilidad con navegador
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
Atributos globales
La <caption>
etiqueta también es compatible con los atributos globales en HTML .
Atributos de eventos
La <caption>
etiqueta también es compatible con los atributos de eventos en HTML .
Más ejemplos
Ejemplo
Títulos de la tabla de posiciones (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>
páginas relacionadas
Referencia HTML DOM: Objeto de título
Configuración predeterminada de CSS
La mayoría de los navegadores mostrarán el <caption>
elemento con los siguientes valores predeterminados:
Ejemplo
caption {
display: table-caption;
text-align: center;
}