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
|
---
title: <time>
slug: Web/HTML/Element/time
translation_of: Web/HTML/Element/time
---
<p>L' <strong style="line-height: 1.5;">elemento</strong><span style="line-height: 1.5;"> </span><strong style="line-height: 1.5;">HTML <code><time></code> </strong><span style="line-height: 1.5;">rappresenta un orario nell'arco delle 24 ore o una data precisa nel </span><a class="external" href="http://it.wikipedia.org/wiki/Calendario_gregoriano" style="line-height: 1.5; text-decoration: underline;" title="http://en.wikipedia.org/wiki/Gregorian_calendar">Calendario gregoriano</a> <span style="line-height: 1.5;">(con informazioni facoltative su orario e fuso orario).</span></p>
<p>Questo elemento serve per presentare date e orari in un formato leggibile dal computer. Può essere utile ai motori di ricerca per fornire funzionalità di organizzazione di eventi e calendario. </p>
<div class="note">
<strong>Nota di utilizzo: </strong>Questo elemento non è appropriato per situazioni in cui una data specifica non pò essere calcolata né dovrebbe essere utilizzato per date antecedenti all'inizio del calendario gregoriano (a causa della difficoltà di calcolo per queste date).<br>
</div>
<ul class="htmlelt">
<li><dfn><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></dfn><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, palpable content.</li>
<li><dfn>Permitted content</dfn> <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a>, but no descendant <code>time</code> elements.</li>
<li><dfn>Tag omission</dfn> None; both the starting and ending tags are mandatory.</li>
<li><dfn>Permitted parent elements</dfn> Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</li>
<li><dfn>DOM interface</dfn> {{domxref("HTMLTimeElement")}}</li>
</ul>
<h2 id="Attributi">Attributi</h2>
<p>Come altri elementi HTML, questo elemento supporta gli <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">attributi globali</a>.</p>
<dl>
<dt>
{{htmlattrdef("datetime")}}</dt>
<dd>
Questo attributo indica il tempo e la data dell'elemento e deve essere una <a class="external" href="http://www.w3.org/TR/html-markup/datatypes.html#common.data.datetime" title="http://www.w3.org/TR/html5/common-microsyntaxes.html#valid-date-string-with-optional-time">stringa di data valida con tempo facoltativo</a>. Se il valore non può essere interpretato come data con tempo facoltativo, l'elemento non ha un datestamp associato.</dd>
</dl>
<h2 id="Esempi">Esempi</h2>
<h3 id="Simple_example" name="Simple_example">Esempio semplice</h3>
<pre class="brush: html"><p>Il concerto inizia alle <time>20:00</time>.</p>
</pre>
<p>L'output del codice HTML in alto:</p>
<p>Il concerto inizia alle 20:00.</p>
<h3 id="Datetime_example" name="Datetime_example"><code><span style="font-family: 'Open Sans', sans-serif; font-size: 1.7142857142857142rem; line-height: 24px;">esempio </span>datetime</code></h3>
<pre class="brush: html"><p>Il concerto si è svolto il <time datetime="2001-05-15 19:00">15 Maggio </time>.</p>
</pre>
<p>Above HTML will output:</p>
<p>Il concerto si è svolto il 15 Maggio.</p>
<h2 id="Specifications" name="Specifications">Specifiche</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', '#the-time-element', '<time>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>No change from {{SpecName('HTML5.1')}}</td>
</tr>
<tr>
<td>{{SpecName('HTML5.1', 'grouping-content.html#the-time-element', '<main>')}}</td>
<td>{{Spec2('HTML5.1')}}</td>
<td>No change from {{SpecName('HTML5 W3C')}}</td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-time-element', '<main>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td>Initial definition.</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilità_browser">Compatibilità browser</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatNo}}</td>
<td>{{CompatGeckoDesktop("22.0")}}</td>
<td>{{CompatUnknown}}</td>
<td>11.50<br>
Removed in 15.0</td>
<td>{{CompatNo}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</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>Basic support</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatGeckoMobile("22.0")}}</td>
<td>{{CompatUnknown}}</td>
<td>11.50<br>
Removed in 15.0</td>
<td>{{CompatNo}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="See_also" name="See_also">Vedi anche</h2>
<ul>
<li>The {{HTMLElement("data")}} element, allowing to signal other kind of values.</li>
</ul>
<p>{{HTMLRef}}</p>
|
