English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência do HTML

大全 do HTML

Tag <caption> do HTML

O rótulo <caption> HTML define o título da tabela em um documento HTML. Tradicionalmente, os navegadores renderizam o texto encontrado na marca <caption> no topo da tabela, mas você pode usar o CSS caption-a propriedade side altera este comportamento. Este rótulo também é conhecido como elemento <caption>.

O elemento <caption> HTML exibe o título de uma tabela, que geralmente aparece como o primeiro filho do <table> e é exibido no início do conteúdo da tabela, mas ele também pode ser estilizado com CSS, então ele pode aparecer em qualquer posição relativa à tabela.

Exemplo online

Tabela com título de caption:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Base Tutorial Net(oldtoolbag.com)</title> 
</head>
<body>
<table>
  <caption>Esta é a legenda da tabela</caption>
  <tr>
    <th>Coluna 1 Título</th>
    <th>Coluna 2 Título</th>
    <th>Coluna 3 Título</th>
  </tr>
  <tr>
    <td>Dados na Coluna 1, Linha 2</td>
    <td>Dados na Coluna 2, Linha 2</td>
    <td>Dados na Coluna 3, Linha 2</td>
  </tr>
  <tr>
    <td>Dados na Coluna 1, Linha 3</td>
    <td>Dados na Coluna 2, Linha 3</td>
    <td>Dados na Coluna 3, Linha 3</td>
  </tr>
  <tr>
    <td>Dados na Coluna 1, Linha 4</td>
    <td>Dados na Coluna 2, Linha 4</td>
    <td>Dados na Coluna 3, Linha 4</td>
  </tr>
</table>
</body>
</html>
Verifique para ver se ‹/›
Neste HTML5Neste exemplo de documento HTML, usamos a marca <table> para criar uma tabela. A primeira é a <caption>. Em seguida, a tabela tem3e4A coluna1linha.3As células de título da tabela, definidas usando a marca <th>, são as seguintes. A linha dessa tabela é definida pela primeira marca <tr>. Ela tem2até4A linha é definida usando a marca <td> para a célula padrão da tabela.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam o rótulo <caption>.

Definição e instruções de uso do rótulo

O elemento <caption> HTML está dentro da marca <body>.
A marca <caption> é a primeira a aparecer após a marca <table>.

标记由,
标记组成。

A maioria dos navegadores apresentará o marcador <caption> no topo da tabela, mas você pode usar CSS caption-A propriedade side altera este comportamento.

A etiqueta <caption> define o título da tabela.

A etiqueta <caption> deve ser colocada diretamente após a etiqueta <table>.

Atenção: Cada tabela pode ter apenas um título.

Dica: Pelo padrão, o título da tabela será alinhado horizontalmente no topo da tabela. No entanto, você pode usar a propriedade CSS text-align e caption-side pode ser usado para alinhar e posicionar o título.

HTML 4.01 e HTML5Diferenças entre

Atributo align foi removido do HTML5Removido do meio.

Atributo

AtributoValoresDescrição
alignleft
right
top
bottom

HTML5 Não suportado. HTML 4.01 Descontinuado.    Define a alinhamento do título.
Pode ser um dos seguintes valores:
left-Representa o título que aparece na tabela
top -Representa o título que aparece na tabela
right -Representa o título que aparece na tabela
bottom -Representa o título que aparece abaixo da tabela na parte inferior

Atributos globais

Suporte para <caption> etiqueta Atributos globais do HTML.

Atributos de evento

Suporte para <caption> etiqueta Atributos de evento do HTML.