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

<p>L'Element HTML variable (<code>&lt;var&gt;</code>) representa una variable en una expressió matemàtica o un context de programació.</p>

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

<table class="standard-table">
 <tbody>
  <tr>
   <td>Contingut permès</td>
   <td>Contingut textual</td>
  </tr>
  <tr>
   <td>Omissió de l'etiqueta</td>
   <td>Ambdos requereixen etiqueta d'inici i final.</td>
  </tr>
  <tr>
   <td>Elements pares permesos</td>
   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>.</td>
  </tr>
  <tr>
   <td>Normativa del  document</td>
   <td><a href="http://www.whatwg.org/html/#the-var-element">HTML, El element <code>var</code>"</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 implementa la interfície <code><a href="/en-US/docs/DOM/element" title="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="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per aquest element.</p>
</div>

<h2 id="Propietats_típiques_de_l'estil_per_defecte"><span class="short_text" id="result_box" lang="ca"><span>P</span><span>ropietats</span> <span>típiques</span> <span>de l'estil</span> <span>per defecte</span></span></h2>

<pre class="brush:css">var {
  font-style: italic;
}
</pre>

<h2 id="Exemple">Exemple</h2>

<pre class="brush:html">&lt;p&gt; A simple equation: &lt;var&gt;x&lt;/var&gt; = &lt;var&gt;y&lt;/var&gt; + 2 &lt;/p&gt;
</pre>

<p>A simple equation: <var>x</var> = <var>y</var> + 2</p>

<div>{{HTMLRef}}</div>