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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
|
---
title: <caption>
slug: Web/HTML/Element/caption
tags:
- Element
- HTML
- HTML dades tabulades
- Referencia
- Taules
- Web
translation_of: Web/HTML/Element/caption
---
<h2 id="Sumari">Sumari</h2>
<p><strong>L'element HTML <code><caption></code></strong> (o <em>Element HTML llegenda de la taula</em>) representa el títol d'una taula. Tot i que sempre és el primer descendent d'un element {{HTMLElement("table")}}, el seu disseny, utilitzant CSS, podrà col·locar-la en altres llocs, en relació amb la taula.</p>
<div class="note">Nota d'ús: Quan l'element {{HTMLElement("table")}} que és el pare d'aquesta {{HTMLElement("caption")}} és l'únic descendent d'un element {{HTMLElement("figure")}} , utilitzeu l'element {{HTMLElement("figcaption")}} en el seu lloc..</div>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
<td>Cap.</td>
</tr>
<tr>
<th scope="row">Contingut permès</th>
<td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>.</td>
</tr>
<tr>
<th scope="row">Omissió de l'etiqueta</th>
<td>{{no_tag_omission}}</td>
</tr>
<tr>
<th scope="row">Elements pares permesos</th>
<td>Un element {{HTMLElement("table")}}, <span class="short_text" id="result_box" lang="ca"><span> com el seu</span> <span>primer descendent</span><span>.</span></span></td>
</tr>
<tr>
<th scope="row">Interfície DOM</th>
<td>{{domxref("HTMLTableCaptionElement")}}</td>
</tr>
</tbody>
</table>
<h2 id="Atributs">Atributs</h2>
<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
<dl>
<dt>{{htmlattrdef("align")}} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}</dt>
<dd>
<p>Aquest atribut enumerat indica com la llegenda ha d'alinear-se respecte a la taula. Pot tenir els següents valors:</p>
</dd>
<dd>
<ul>
<li><code>left</code>, mostrat a l'esquerra de la taula</li>
<li><code>top</code>, mostrat sobre la taula</li>
<li><code>right</code>, mostrat a la dreta de la taula</li>
<li><code>bottom</code>, mostrat sota la taula</li>
</ul>
<div class="note"><strong>Nota d'ús</strong>: No utilitzeu aquest atribut, ja que ha quedat en desús: l'element {{HTMLElement("caption")}} s'hauri de donar estil amb <a href="/en-US/docs/CSS">CSS</a>. Per donar un efecte similar a l'atribut align, utilitzeu les propietats <a href="/en-US/docs/CSS">CSS</a> {{cssxref("caption-side")}} i {{cssxref("text-align")}}.</div>
</dd>
</dl>
<h2 id="Exemples">Exemples</h2>
<p><span id="result_box" lang="ca"><span>Si us plau</span><span>, consulteu</span> <span>la </span></span><span lang="ca"><span>pàgina</span> </span>{{HTMLElement("table")}}<span lang="ca"> <span>per</span> <span>exemples</span> <span>de</span> </span>{{HTMLElement("caption")}}.</p>
<h2 id="Specifications" name="Specifications">Especificacions</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Especificació</th>
<th scope="col">Estat</th>
<th scope="col">Comentari</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="Navegadors_compatibles">Navegadors compatibles</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Suport bàsic</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>Característica</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Suport bàsic</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoMobile("1.0")}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="Veure">Veure</h2>
<ul>
<li>Altres elements HTML relacionats amb taula: {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li>
<li>Propietats CSS que poden ser especialment útils per estilitzar l'element {{HTMLElement("caption")}}:
<ul>
<li>{{cssxref("text-align")}}, {{cssxref("caption-side")}}.</li>
</ul>
</li>
</ul>
<p>{{HTMLRef}}</p>
|
