1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
---
title: <caption>
slug: Web/HTML/Element/caption
translation_of: Web/HTML/Element/caption
---
<h2 id="Sommario">Sommario</h2>
<p>L'elemento HTML <code><strong><caption></strong></code> rappresenta il titolo di una tabella.</p>
<div class="note"><strong>Nota</strong>: Quando l'elemento {{HTMLElement("table")}} genitore di un elemento {{HTMLElement("caption")}} è l'unico discendente di un elemento {{HTMLElement("figure")}}, usare l'elemento {{HTMLElement("figcaption")}} al posto di questo.</div>
<ul class="htmlelt">
<li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categorie di contenuto</a></dfn> Nessuna.</li>
<li><dfn>Contenuto permesso</dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contenuto di flusso</a>.</li>
<li><dfn>Omissione del tag</dfn> {{no_tag_omission}}</li>
<li><dfn>Elementi genitore permessi</dfn> Un elemento {{HTMLElement("table")}}, del quale deve essere il primo figlio.</li>
<li><dfn>Interfaccia DOM</dfn> {{domxref("HTMLTableCaptionElement")}}</li>
</ul>
<h2 id="Attributi">Attributi</h2>
<p>Questo elemento accetta gli <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">attributi globali</a>.</p>
<dl>
<dt>{{htmlattrdef("align")}} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}</dt>
<dd>Questo attributo indica l'allineamento di questo elemento rispetto alla tabella. Può assumere i seguenti valori:
<ul>
<li><code>left</code>, mostrato sulla sinistra della tabella</li>
<li><code>top</code>, mostrato prima della tabella</li>
<li><code>right</code>, mostrato sulla destra della tabella</li>
<li><code>bottom</code>, mostrato sotto la tabella</li>
</ul>
<div class="note"><strong>Nota: </strong>Non usare</div>
<div class="note">Do not use this attribute, as it has been deprecated: the {{HTMLElement("caption")}} element should be styled using <a href="/en-US/docs/CSS" title="CSS">CSS</a>. To give a similar effect to the <code>align</code> attribute, use the the <a href="/en-US/docs/CSS" title="CSS">CSS</a> properties {{cssxref("caption-side")}} and {{cssxref("text-align")}}.</div>
</dd>
</dl>
<h2 id="Esempi">Esempi</h2>
<p>Vedere la pagina {{HTMLElement("table")}} per esempi su {{HTMLElement("caption")}}</p>
<h2 id="Specifications" name="Specifications">Specifiche</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'tabular-data.html#the-caption-element', '<caption>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'tabular-data.html#the-caption-element', '<caption>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('HTML4.01', 'struct/tables.html#h-11.2.2', '<caption>')}}</td>
<td>{{Spec2('HTML4.01')}}</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="Compatibilità_dei_browser">Compatibilità dei browser</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoDesktop("1.0")}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoMobile("1.0")}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="Guarda_anche">Guarda anche</h2>
<ul>
<li>Altri elementi collegati alle tabelle: {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li>
<li>Proprietà CSS che sono particolarmente indicate per personalizzare l'elemento {{HTMLElement("caption")}} :
<ul>
<li>{{cssxref("text-align")}}, {{cssxref("caption-side")}}.</li>
</ul>
</li>
</ul>
<p>{{HTMLRef}}</p>
|
