Elemento caption en HTML

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 contenidoNo hay.
Contenido permitidoContenido organizacional.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreElemento <table>, y este elemento debe ser su primer hijo.
Interfaz DOMOHTMLTableCaptionElement

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

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-sidetext-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;
}