Manuale di riferimento HTML

Completo di etichette HTML

Tag HTML: <caption>

L'elemento HTML <caption> definisce il titolo della tabella in un documento HTML. Tradizionalmente, i browser renderizzano il testo trovato nel tag <caption> in alto nella tabella, ma puoi utilizzare la proprietà CSS caption-side per modificare questo comportamento. Questo tag è anche noto come elemento <caption>.

L'elemento HTML <caption> (o l'elemento di titolo della tabella HTML) mostra un titolo di tabella, che spesso appare come primo figlio dell'<table> e viene visualizzato all'inizio del contenuto della tabella, ma può anche essere stilizzato con CSS, quindi può apparire in qualsiasi posizione relativa alla tabella.

Esempio online

Tabella con caption di titolo:

Esempio

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Base Tutorial Website (oldtoolbag.com)</title>　
</head>
<body>
<table>
　　<caption>This is the caption for the table</caption>
　　<tr>
　　　　<th>Column 1 Heading</th>
　　　　<th>Column 2 Heading</th>
　　　　<th>Column 3 Heading</th>
　　</tr>
　　<tr>
　　　　<td>Data in Column 1, Row 2</td>
　　　　<td>Data in Column 2, Row 2</td>
　　　　<td>Data in Column 3, Row 2</td>
　　</tr>
　　<tr>
　　　　<td>Data in Column 1, Row 3</td>
　　　　<td>Data in Column 2, Row 3</td>
　　　　<td>Data in Column 3, Row 3</td>
　　</tr>
　　<tr>
　　　　<td>Data in Column 1, Row 4</td>
　　　　<td>Data in Column 2, Row 4</td>
　　　　<td>Data in Column 3, Row 4</td>
　　</tr>
</table>
</body>
</html>

Testa per vedere ›/‹

In questo esempio di documento HTML5, abbiamo creato una tabella utilizzando il tag <table>. Il primo tag di <table> è <caption>. Poi la tabella ha 3 colonne e 4 righe. La prima riga della tabella è definita utilizzando il primo tag <tr>. Ha 3 celle di intestazione della tabella definite utilizzando il tag <th>. Le righe dal secondo al quarto della tabella sono definite utilizzando il tag <td> come celle standard della tabella.

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano il tag <caption>.

Definizione e istruzioni per l'uso del tag

L'elemento <caption> HTML si trova all'interno del tag <body>.
Il tag <caption> è il primo tag che appare dopo il tag <table>.

Il tag <table> è composto dai tag <tr>, <th> e <td>.

La maggior parte dei browser visualizzerà il tag <caption> sopra la tabella, ma è possibile modificare questo comportamento utilizzando l'attributo CSS caption-side.

L'etichetta <caption> definisce il titolo della tabella.

L'etichetta <caption> deve essere posizionata direttamente dopo l'etichetta <table>.

Attenzione: Ogni tabella può avere solo un titolo.

Suggerimento: Di default, il titolo della tabella viene allineato al centro in alto. Tuttavia, le proprietà CSS text-align e caption-side possono essere utilizzate per allineare e posizionare il titolo.

Differenze tra HTML 4.01 e HTML5

L'attributo align è stato rimosso dall'HTML5.

Attributo

Attributo	Valore	Descrizione
align	left right top bottom	HTML5 non supporta. HTML 4.01 è obsoleto. 　　Definisce l'allineamento del titolo. Può essere uno dei seguenti valori: left - indica che il titolo appare nella tabella top - indica che il titolo appare nella tabella right - indica che il titolo appare nella tabella bottom - indica che il titolo appare sotto il fondo della tabella

Proprietà globali

Supporto <caption> etichetta Proprietà globali HTML.

Proprietà degli eventi

Supporto <caption> etichetta Proprietà degli eventi HTML.

Tag HTML: <center>Tag HTML: <canvas>