↑

HTML5

：

タグ（要素）

：

TIME

　 編集：2022.06.29 by T.A.

→● mdn

日付または時刻関連データの等価な機械可読形式。

この要素を使用できる文脈

フレージング内容が期待される場所。

内容モデル

要素が datetime 属性をもつ場合： フレージング内容。

そうでなければ： テキスト。ただし、本文で与えられる要件にマッチしなければならない。

text/htmlにおけるタグ省略

どちらのタグも省略不可。

内容属性
解説

datetime 属性で内容の機械可読形式に沿って、その内容を表す。内容の種類は、以下に説明するような、日付、時刻、タイムゾーンのオフセット、および期間の様々な種類に限定される。

例

妥当な月文字列： 

<TIME>2011-11</TIME>

妥当な日付文字列： 

<TIME>2011-11-18</TIME>

妥当な年のない日付文字列： 

<TIME>11-18</TIME>

妥当な時刻文字列： 

<TIME>14:54</TIME>

<TIME>14:54:39</TIME>

<TIME>14:54:39.929</TIME>

妥当なローカル日付および時刻文字列： 

<TIME>2011-11-18T14:54</TIME>

<TIME>2011-11-18T14:54:39</TIME>

<TIME>2011-11-18T14:54:39.929</TIME>

<TIME>2011-11-18 14:54</TIME>

<TIME>2011-11-18 14:54:39</TIME>

<TIME>2011-11-18 14:54:39.929</TIME>

注釈： タイムゾーン オフセットのない日付は、終日、各タイムゾーンに同じ特定の時刻で観察されるイベントを指定するのに便利である。たとえば、2020 年の新年は、すべてのタイムゾーンで同一の正確な瞬間ではなく、それぞれのタイムゾーンで 2020 年 1 月 1 日 0 時 0 分に祝われる。すべてのタイムゾーンで同時に発生したイベントの場合、たとえばテレビ会議の会議において、妥当なグローバル日付および時刻文字列は、おそらくより有用である。

妥当なタイムゾーンオフセット文字列： 

<TIME>Z</TIME>

<TIME>+0000</TIME>

<TIME>+00:00</TIME>

<TIME>-0800</TIME>

<TIME>-08:00</TIME>

注釈： 日付なしの時刻（または複数日で繰り返されるイベントを参照する時刻）について、地理的な位置がサマータイムとともにタイムゾーン オフセットを変更するため、時刻を制御する地理的な位置を指定することは、通常タイムゾーン オフセットを指定するよりも有用である。一部の場合、たとえば、これらのタイムゾーンの境界を再描画する場合、2011 年末にサモアで起きたように、地理的な場所でもタイムゾーンを変更する。タイムゾーンの境界およびどのような規則が各ゾーン内で適用されるのかを説明する、タイムゾーン データベースとして知られるものが存在する。[TZDATABASE]

妥当なグローバル日付および時刻文字列： 

<TIME>2011-11-18T14:54Z</TIME>

<TIME>2011-11-18T14:54:39Z</TIME>

<TIME>2011-11-18T14:54:39.929Z</TIME>

<TIME>2011-11-18T14:54+0000</TIME>

<TIME>2011-11-18T14:54:39+0000</TIME>

<TIME>2011-11-18T14:54:39.929+0000</TIME>

<TIME>2011-11-18T14:54+00:00</TIME>

<TIME>2011-11-18T14:54:39+00:00</TIME>

<TIME>2011-11-18T14:54:39.929+00:00</TIME>

<TIME>2011-11-18T06:54-0800</TIME>

<TIME>2011-11-18T06:54:39-0800</TIME>

<TIME>2011-11-18T06:54:39.929-0800</TIME>

<TIME>2011-11-18T06:54-08:00</TIME>

<TIME>2011-11-18T06:54:39-08:00</TIME>

<TIME>2011-11-18T06:54:39.929-08:00</TIME>

<TIME>2011-11-18 14:54Z</TIME>

<TIME>2011-11-18 14:54:39Z</TIME>

<TIME>2011-11-18 14:54:39.929Z</TIME>

<TIME>2011-11-18 14:54+0000</TIME>

<TIME>2011-11-18 14:54:39+0000</TIME>

<TIME>2011-11-18 14:54:39.929+0000</TIME>

<TIME>2011-11-18 14:54+00:00</TIME>

<TIME>2011-11-18 14:54:39+00:00</TIME>

<TIME>2011-11-18 14:54:39.929+00:00</TIME>

<TIME>2011-11-18 06:54-0800</TIME>

<TIME>2011-11-18 06:54:39-0800</TIME>

<TIME>2011-11-18 06:54:39.929-0800</TIME>

<TIME>2011-11-18 06:54-08:00</TIME>

<TIME>2011-11-18 06:54:39-08:00</TIME>

<TIME>2011-11-18 06:54:39.929-08:00</TIME>

注釈： 日付とタイムゾーン オフセットを持つ時刻は、特定のイベント、または時刻が特定の地理的な位置に固定されない定期的な仮想のイベントを指定するのに便利である。たとえば、世界の任意の特定部分がサマータイムを観察するかどうかにかかわらず、小惑星衝突または、毎日 1400 UTC に開催されるある一連の会議の正確な時刻。特定の地理的位置のローカル タイムゾーン オフセットによって正確な時刻が異なるイベントにおいて、その地理的位置と組み合わせた妥当なローカルの日付および時刻文字列がより便利だろう。

妥当な週文字列：

<TIME>2011-W47</TIME>

4 つ以上の ASCII 数字で、少なくとも 1 つは U+0030 DIGIT ZERO（0）でない。 

<TIME>2011</TIME>

<TIME>0001</TIME>

妥当な期間文字列： 

<TIME>PT4H18M3S</TIME>

<TIME>4h 18m 3s</TIME>

TIME 要素は、たとえばマイクロ フォーマットの中で、日付をエンコードするために使用できる。以下は、TIME 要素を使用する hCalendar の変種を使ったイベントをエンコードするための仮想的方法を示す： 

<DIV class="vevent">
 <A class="url" href="http://www.web2con.com/">http://www.web2con.com/</A>
 <SPAN class="summary">Web 2.0 Conference</SPAN>:
 <TIME class="dtstart" datetime="2005-10-05">October 5</TIME> -
 <TIME class="dtend" datetime="2005-10-07">7</TIME>,
 at the <SPAN class="location">Argent Hotel, San Francisco, CA</SPAN>
</DIV>
datetime属性

機械可読な値。

この属性は存在してもよい。存在する場合、その値は、機械可読形式での要素内容の表現でなければならない。

datetime 型の内容属性を持たない TIME 要素は、任意の要素の子孫を持ってはならない。

もし持つ場合、TIME 要素の日付時刻値は要素の datetime コンテンツ属性値であり、そうでなければ、TIME 要素の子テキスト内容である。

TIME 要素の日付時刻値は以下の構文のいずれかと一致しなければならない。 

<P>コンサートは<TIME
  datetime="2001-05-15T19:00">5月15日</TIME>に開催されます。</P>

表示結果：

コンサートはに開催されます。

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：