---
title: <sub>
slug: Web/HTML/Element/sub
tags:
  - Element
  - HTML
  - HTML text-level semantics
  - Reference
  - Web
translation_of: Web/HTML/Element/sub
---
<h2 id="Sumari">Sumari</h2>

<p>L'<em>Element HTML subíndex</em> (<code>&lt;sub&gt;</code>) defineix un fragment de text que s'ha de mostrar, per raons tipogràfiques, més baix, i sovint més petit, que el tram principal del text.</p>

<div class="note">
<p><strong>Nota d'ùs:</strong></p>

<ul>
 <li>Aquest element s'ha d'utilitzar només per raons tipogràfiques, és a dir, el canvi de la posició del text canviant el seu significat com en matemàtiques (com <var>t<sub>2</sub></var>, encara que l'ús d'una fórmula <a href="/en-US/docs/MathML" title="en-US/docs/MathML">MathML</a> ha de ser considerat) o fórmules químiques (com <span style="font-family: Courier New;">H<sub>2</sub>O</span>).</li>
 <li>Aquest element no ha de ser utilitzat amb el propòsit de donar estil, com l'estil del nom del producte de Latex. En aquest cas s'ha d'utilitzar l'estil <a href="/en-US/docs/CSS" title="en-US/docs/CSS">CSS</a> de la propietat {{ cssxref("vertical-align") }}, amb el valor <code>sub</code> aconseguireu el mateix efecte.</li>
</ul>
</div>

<h2 id="Context_d'ùs">Context d'ùs</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <td><a href="/en-US/docs/HTML/Content_categories" title="en-US/docs/HTML/Content categories">Categories de contingut</a></td>
   <td>Contingut dinàmic i contingut textual</td>
  </tr>
  <tr>
   <td>Contingut permès</td>
   <td>Contingut textual</td>
  </tr>
  <tr>
   <td>Omissió de l'etiqueta</td>
   <td>Cap, ja que tant l'etiqueta d'inici com la final són obligatories</td>
  </tr>
  <tr>
   <td>Elements pares permesos</td>
   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element que</span> <span>pogui</span> <span>contenir</span> <span>contingut</span> <span>textual</span></span></td>
  </tr>
  <tr>
   <td>Normativa del document</td>
   <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements">HTML5, secció 4.6.14</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3" title="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3">HTML4.01, secció 9.2.3</a>)</td>
  </tr>
 </tbody>
</table>

<h2 id="Atributs">Atributs</h2>

<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>

<h2 id="Interfície_DOM">Interfície DOM</h2>

<p>Aquest element implement la interfície <code><a href="/en-US/docs/DOM/element" title="en-US/docs/DOM/element">HTMLElement</a></code>.</p>

<div class="note">
<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="en-US/docs/DOM/span"><span style="font-family: Courier New;">HTMLSpanElement</span></a> per aquest element.</p>
</div>

<h2 id="Exemples">Exemples</h2>

<pre class="brush: html">&lt;p&gt;The chemical formula of water is H&lt;sub&gt;2&lt;/sub&gt;O&lt;/p&gt;
</pre>

<h4 id="Resultat">Resultat</h4>

<p>The chemical formula of water is H<sub>2</sub>O</p>

<h2 id="Veure">Veure</h2>

<ul>
 <li>L'element HTML {{HTMLElement ("sup")}} produeix el superíndex. Recordeu que no podeu utilitzar els dos al mateix temps i és necessari utilitzar <a href="https://developer.mozilla.org/en-US/docs/MathML">MathML</a> per produir tant un superíndex com un subíndex al costat del símbol químic d'un element, que representa el seu nombre atòmic i el seu nombre nuclear.</li>
 <li>Els elements MathML <a href="/en-US/docs/MathML/Element/msub" title="en-US/docs/MathML/Element/msub"><code>&lt;msub&gt;</code></a>, <a href="/en-US/docs/MathML/Element/msup" title="en-US/docs/MathML/Element/msup"><code>&lt;msup&gt;</code></a> i <a href="/en-US/docs/MathML/Element/msubsup" title="en-US/docs/MathML/Element/msubsup"><code>&lt;msubsup&gt;</code></a>.</li>
</ul>

<p>{{HTMLRef}}</p>