
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 tablatop
: Muestra el título en la parte superior de la tablaright
: Muestra el título a la derecha de la tablabottom
: 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; }
- Resumen General de Listas en HTML
- Qué son los Atributos HTML
- Introducción al Lenguaje de Programación HTML
- Elementos h1 al h6 en HTML
- Elemento wbr en HTML
- Elemento video en HTML
- Elemento var en HTML
- Elemento ul en HTML
- Elemento u en HTML
- Elemento track en HTML
- Elemento tr en HTML
- Elemento title en HTML
- Elemento time en HTML
- Elemento thead en HTML
- Elemento th en HTML
- Elemento tfoot en HTML
- Elemento textarea en HTML
- Elemento td en HTML
- Elemento tbody en HTML
- Elemento table en HTML
- Elemento summary en HTML
- Elemento sub en HTML
- Elemento style en HTML
- Elemento strong en HTML
- Elemento span en HTML
- Elemento source en HTML
- Elemento small en HTML
- Elemento select en HTML
- Elemento section en HTML
- Elemento script en HTML
- Elemento samp en HTML
- Elemento s en HTML
- Elemento q en HTML
- Elemento progress en HTML
- Elemento pre en HTML
- Elemento picture en HTML
- Elemento param en HTML
- Elemento p en HTML
- Elemento output en HTML
- Elemento option en HTML
- Elemento optgroup en HTML
- Elemento ol en HTML