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
160
161
162
163
164
165
166
167
|
---
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><time></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"><p>The concert starts at <time>20:00</time>.</p>
</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"><p>The concert took place on <time datetime="2001-05-15T19:00">May 15</time>.</p>
</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', '<time>')}}</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', '<time>')}}</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', '<time>')}}</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>
|
