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

<p>L'<strong>element HTML <code>&lt;time&gt;</code></strong> representa un temps en un rellotge de 24 hores o una data precisa en el calendari gregorià (amb informació opcional sobre el temps i la zona horària).</p>

<p>Aquest element està destinat a ser utilitzat per la presentació de dates i hores en un format llegible per la màquina. Això pot ser útil per als agents d'usuari que ofereixen qualsevol programació d'esdeveniments per al calendari de l'usuari. </p>

<div class="note"><strong>Nota d'ùs: </strong>Aquest element no és adequat per als casos en què una data en concret no es pot calcular, ni ha de ser usat per a dates anteriors a la introducció del calendari gregorià (a causa de complicacions amb el càlcul d'aquestes dates).</div>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de continguts</a></th>
   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>, contingut palpable.</td>
  </tr>
  <tr>
   <th scope="row">Contingut permès</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Contingut textual</a>.</td>
  </tr>
  <tr>
   <th scope="row">Omissió de l'etiqueta</th>
   <td>Cap; Tant l'etiqueta d'inici com la final son obligatòries.</td>
  </tr>
  <tr>
   <th scope="row">Elements pares permesos</th>
   <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>
   <th scope="row">Interfície DOM</th>
   <td>{{domxref("HTMLTimeElement")}}</td>
  </tr>
 </tbody>
</table>

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

<p>Igual que tots els altres elements HTML, aquest element suporta els <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>

<dl>
 <dt>{{htmlattrdef("datetime")}}</dt>
 <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>indica l'hora</span> <span>i</span> <span>la data</span> <span>de l'element i</span> <span>ha de ser una</span> <span>data</span> <span>vàlida</span> <span>amb una cadena</span> <span>de temps</span> <span>opcional</span><span>.</span> <span>Si el valor</span> <span>no</span> <span>es</span> <span>pot</span> <span>analitzar</span> <span>com una</span> <span>data</span> <span>amb una cadena</span> <span>de temps</span> <span>opcional</span><span>, l'element</span> <span>no té una</span> <span>marca de temps</span> <span>associada.</span></span></dd>
</dl>

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

<h3 id="Simple_example" name="Simple_example">Exemple senzill</h3>

<h4 id="HTML">HTML</h4>

<pre class="brush: html">&lt;p&gt;The concert starts at &lt;time&gt;20:00&lt;/time&gt;.&lt;/p&gt;
</pre>

<h4 id="Sortida">Sortida</h4>

<p>{{ EmbedLiveSample('Simple_example', 250, 60) }}</p>

<h3 id="Datetime_example" name="Datetime_example">exemple datetime</h3>

<h4 id="HTML_2">HTML</h4>

<pre class="brush: html">&lt;p&gt;The concert took place on &lt;time datetime="2001-05-15T19:00"&gt;May 15&lt;/time&gt;.&lt;/p&gt;
</pre>

<h4 id="Sortida_2">Sortida</h4>

<p>{{ EmbedLiveSample('Datetime_example', 250, 60) }}</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', '#the-time-element', '&lt;time&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Sense canvis des de {{SpecName('HTML5.1')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', 'grouping-content.html#the-time-element', '&lt;time&gt;')}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>Sense canvis des de {{SpecName('HTML5 W3C')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-time-element', '&lt;time&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Definició inical.</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>33.0</td>
   <td>{{CompatGeckoDesktop("22.0")}}</td>
   <td>9.0</td>
   <td>22.0</td>
   <td>7.0</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Android</th>
   <th>Chrome for 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>2.1</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("22.0")}}</td>
   <td>10.0</td>
   <td>11.50<br>
    Removed in 15.0</td>
   <td>4.0-4.1</td>
  </tr>
 </tbody>
</table>
</div>

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

<ul>
 <li>L'element {{HTMLElement("data")}}, permet senyalar altre classe de valors.</li>
</ul>

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