---
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>&lt;caption&gt;</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', '&lt;caption&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'tabular-data.html#the-caption-element', '&lt;caption&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/tables.html#h-11.2.2', '&lt;caption&gt;')}}</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>