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
|
---
title: <time>
slug: Web/HTML/Element/time
translation_of: Web/HTML/Element/time
---
<p><strong>Элемент HTML</strong> <strong><code><time></code></strong> используется для представления либо времени в 24-рехчасовом формате, либо точной даты по <a class="external" href="http://ru.wikipedia.org/wiki/%D0%93%D1%80%D0%B8%D0%B3%D0%BE%D1%80%D0%B8%D0%B0%D0%BD%D1%81%D0%BA%D0%B8%D0%B9_%D0%BA%D0%B0%D0%BB%D0%B5%D0%BD%D0%B4%D0%B0%D1%80%D1%8C" title="http://ru.wikipedia.org/wiki/Григорианский_календарь">Григорианскому календарю</a> (с опциональным указанием времени и часового пояса).</p>
<p>Этот элемент предназначен для представления дат и времени в машиночитаемом формате. Это облегчает клиентским приложениям добавление событий в календарь пользователя. </p>
<div class="note"><strong>Замечание по применению: </strong>Этот элемент неуместно использовать, когда точная дата не определена, а также при использовании дат ранее введения Григорианского календаря (из-за проблем с работой с такими датами).</div>
<table class="properties">
<tbody>
<tr>
<th><a href="https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Content_categories" title="HTML/Content_categories">Категории контента</a></th>
<td><a href="/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток">Основной поток</a>, <a href="/ru/docs/Web/Guide/HTML/Content_categories#Phrasing_content">фразовый контент</a>, явный контент.</td>
</tr>
<tr>
<th>Разрешённый контент</th>
<td><a href="/ru/docs/Web/Guide/HTML/Content_categories#Phrasing_content">Фразовый контент</a>.</td>
</tr>
<tr>
<th>Tag omission</th>
<td>{{no_tag_omission}}</td>
</tr>
<tr>
<th>Разрешённые родители</th>
<td>Любой элемент, который принимает <a href="/ru/docs/Web/Guide/HTML/Content_categories#Phrasing_content">фразовый контент</a>.</td>
</tr>
<tr>
<th>Разрешённые ARIA роли</th>
<td>Любые</td>
</tr>
<tr>
<th>DOM-интерфейс</th>
<td>{{domxref("HTMLTimeElement")}}</td>
</tr>
</tbody>
</table>
<h2 id="Атрибуты">Атрибуты</h2>
<p>Как и все другие элементы HTML, этот элемент поддерживает <a href="/ru/docs/HTML/Global_attributes" title="HTML/Global attributes">глобальные атрибуты</a>.</p>
<dl>
<dt>{{htmlattrdef("datetime")}}</dt>
<dd>Этот атрибут специфицирует время и дату и должен быть <a class="external" href="https://www.w3.org/TR/html/infrastructure.html#dates-and-times" title="http://www.w3.org/TR/html5/common-microsyntaxes.html#valid-date-string-with-optional-time">допустимой датой с возможным дополнительным указанием времени</a>. Если значение элемента не может быть распознано как дата с возможным дополнительным указанием времени, элементу не будет сопоставлен временной срез (timestamp).</dd>
</dl>
<h2 id="Примеры">Примеры</h2>
<h3 id="Simple_example" name="Simple_example">Простой пример</h3>
<h4 id="HTML">HTML</h4>
<pre class="brush: html"><p>Концерт начинается в <time>20:00</time>.</p>
</pre>
<h4 id="Output" name="Output">Вывод</h4>
<p>{{ EmbedLiveSample('Simple_example', 250, 60) }}</p>
<h3 id="Datetime_example" name="Datetime_example">пример <code>datetime</code></h3>
<h4 id="HTML_2">HTML</h4>
<pre class="brush: html"><p>Концерт состоялся <time datetime="2001-05-15 19:00">15 мая</time>.</p>
</pre>
<h4 id="Вывод">Вывод</h4>
<p>{{ EmbedLiveSample('Datetime_example', 250, 60) }}</p>
<h2 id="Specifications" name="Specifications">Спецификации</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Спецификация</th>
<th scope="col">Статус</th>
<th scope="col">Комментарий</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', '#the-time-element', '<time>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Неизменен с {{SpecName('HTML5.1')}}</td>
</tr>
<tr>
<td>{{SpecName('HTML5.1', 'grouping-content.html#the-time-element', '<time>')}}</td>
<td>{{Spec2('HTML5.1')}}</td>
<td>Нет изменений с {{SpecName('HTML5 W3C')}}</td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-time-element', '<time>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td>Первое появление</td>
</tr>
</tbody>
</table>
<h2 id="Браузерная_совместимость">Браузерная совместимость</h2>
<p>{{Compat("html.elements.time")}}</p>
<h2 id="See_also" name="See_also">Смотрите также</h2>
<ul>
<li>The {{HTMLElement("data")}} элемент, позволяющий обозначать другие типы данных.</li>
</ul>
<p>{{HTMLRef}}</p>
|