Etiqueta HTML <caption>

definición y uso

<caption> etiqueta define el título de la tabla.

la etiqueta caption debe seguir inmediatamente después de la etiqueta table. Solo se puede definir un título para cada tabla.

sugerencia:por defecto, el título de la tabla se alineará al centro superior de la tabla. Sin embargo, las propiedades CSS text-align y caption-side se pueden usar para alinear y放置 el título.

por favor, consulte también:

manual de referencia del DOM HTML:objeto Caption

ejemplo

ejemplo 1

tabla con título:

<table>
  <caption>depósito mensual</caption>
  <tr>
    <th>Mes</th>
    <th>Ahorros</th>
  </tr>
  <tr>
    <td>Uno</td>
    <td>￥3000</td>
  </tr>
</table>

Prueba personalmente

ejemplo 2

título de la tabla de ubicación (usando CSS):

<table>
  <caption style="text-align:right">mi depósito</caption>
  <tr>
    <th>Mes</th>
    <th>Ahorros</th>
  </tr>
  <tr>
    <td>Uno</td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">Mis ahorros</caption>
  <tr>
    <th>Mes</th>
    <th>Ahorros</th>
  </tr>
  <tr>
    <td>Uno</td>
    <td>￥3000</td>
  </tr>
</table>

Prueba personalmente

Atributos globales

<caption> La etiqueta también admite Atributos globales en HTML.

Atributos de eventos

<caption> La etiqueta también admite Atributos de eventos en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán los siguientes valores predeterminados <caption> Elemento:

caption {
  display: table-caption;
  text-align: center;
}

Prueba personalmente

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte