Elemento caption en HTML

El elemento html caption representa el título de la tabla y, aunque debe ser el primer elemento secundario del elemento <table>, CSS se puede colocar en cualquier lugar relativo a la tabla.

Ejemplo de uso del elemento <caption> para agregar un título a una tabla <table>:

< table > 
  < caption > título de la tabla </ caption > 
  < tr > 
    < td > datos en él </ td > 
  </ tr > 
</ table >

Etiqueta html caption

Clasificaciones de contenido	No hay.
Contenido permitido	Contenido organizacional.
Acrónimo	Las etiquetas de inicio o finalización no se pueden omitir.
Elementos del padre	Elemento `<table>`, y este elemento debe ser su primer hijo.
Interfaz DOMO	`HTMLTableCaptionElement`

Soporte de navegadores

Chrome	Firefox	Edge	Safari	Ópera
Soportado	Soportado	Soportado	Soportado	Soportado

Características

En este elemento html caption se pueden utilizar propiedades globales.

`align`

Esta propiedad se utiliza para especificar cómo se alinea el título con la tabla y acepta uno de los siguientes valores:

left: Muestra el título a la izquierda de la tabla
top: Muestra el título en la parte superior de la tabla
right: Muestra el título a la derecha de la tabla
bottom: Muestra el título en la parte inferior de la tabla

Vale la pena señalar que esta propiedad ha sido descuidada en HTML 4 y eliminada en HTML5, y no está permitido su uso, pero el elemento debe formatearse <caption> usando CSS, usando las dos propiedades caption-side y text-align.

Descripción de uso

Cuando el elemento <table> en el que se usa este elemento es el único hijo del elemento, <figure> entonces el elemento debe usarse en <figcaption> lugar de <caption>.

Formato predeterminado

La mayoría de los navegadores muestran el elemento <caption> con la propiedad establecida display en y la table-caption propiedad establecida text-align en center:

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