<caption>
Sumário
O Elemento HTML <caption>
(ou Elemento HTML Subtitulo de Tabela) representa o título de uma tabela. Embora ele seja sempre o primeiro filho de um <table>
, seu estilo, usando CSS pode colocar ele em qualquer lugar relativo a tabela.
Nota de Uso: Quando o elemento
<table>
que é o pai deste <caption>
é o único filho de um elemento <figure>
, use o elemento <figcaption>
no lugar.Categoria de conteúdo | Nenhuma. |
---|---|
Conteúdo permitido | Flow content. |
Omissão de tag | None, both the starting and ending tag are mandatory. |
Elementos pais permitidos | Um elemento <table> , como seu primeiro filho. |
Interface DOM | HTMLTableCaptionElement (en-US) |
Atributos
Este elemento inclui os atributos globais.
Atributos obsoletos
Os seguintes atributos são obsoletos e não devem ser usados. Estão documentados abaixo apenas como referência ao atualizar o código, e interesse histórico.
align
Deprecated since HTML4.01 Obsolete since HTML5- Esse atributo enumerado indica como o caption deve ser alinhado em relação a tabela. Ele pode ter os seguintes valores:
left
, exibido a esquerda da tabelatop
, exibido antes da tabelaright
, exibido a direita da tabelabottom
, exibido abaixo da tabela
Nota de uso: Não use este atributo, como ele foi depreciado: o elemento<caption>
deve ser estilizado usando CSS. Para dar um efeito similar ao atributoalign
, use as propriedades CSScaption-side
(en-US) etext-align
.
Notas de uso
Quando o elemento <table>
que contém o <caption> é o único descendente de um elemento <figure>
, você deve usar o <figcaption>
elemento em vez de <caption>.
Exemplo
Esse exemplo mostra uma tabela que tem título.
<table>
<caption>Exemplo de título</caption>
<tr>
<th>Login</th>
<th>Email</th>
</tr>
<tr>
<td>usuario1</td>
<td>usuario1@dominio.com</td>
</tr>
<tr>
<td>usuario2</td>
<td>usuario2@dominio.com</td>
</tr>
</table>
caption {
caption-side: top;
align: right;
}
table {
border-collapse: collapse;
border-spacing: 0px;
}
table, th, td {
border: 1px solid black;
}
Especificações
Especificação | Estado | Comentário |
---|---|---|
HTML Living Standard The definition of '<caption>' in that specification. |
Padrão em tempo real | |
HTML5 The definition of '<caption>' in that specification. |
Recomendação | |
HTML 4.01 Specification The definition of '<caption>' in that specification. |
Recomendação |
Compatibilidade com navegadores
Estamos convertendo nossos dados de compatibilidade para o formato JSON.
Esta tabela de compatibilidade ainda usa o formato antigo,
pois ainda não convertemos os dados que ela contém.
Descubra como você pode ajudar! (en-US)
Recurso | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Suporte Básico | (Yes) | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
Recurso | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Suporte Básico | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) |
Veja também
- Outros elementos HTML relacionados ao elemento table:
<col>
,<colgroup>
(en-US),<table>
,<tbody>
(en-US),<td>
(en-US),<tfoot>
,<th>
,<thead>
(en-US),<tr>
(en-US); - Propriedades CSS que pode ser especialmente utéis para estilizar o elemento
<caption>
: