HTML <time> 要素は、24 時間制の時刻またはグレゴリオ暦の正確な日付 (時刻やタイムゾーンを伴うことも可能) を表します。
この要素は、機械可読な形式で日付や時刻を提供するために使用することを意図するものです。ユーザエージェントが、ユーザのカレンダーにイベントの予定情報を提供することに役立つでしょう。
使用上の注意: この要素は計算を行えない特殊な日付に対しては適切でなく、またグレゴリオ暦導入前の日付に対して使用するべきではありません (日付の計算で混乱するため)。
| コンテンツカテゴリ | フローコンテンツ、フレージングコンテンツ、パルパブルコンテンツ |
|---|---|
| 許可された内容 | フレージングコンテンツ。ただし time 要素を子孫にしてはならない。 |
| タグの省略 | 不可。開始タグと終了タグの両方が必須。 |
| 許可された親要素 | フレージングコンテンツを受け入れるすべての要素 |
| DOM インターフェイス | HTMLTimeElement |
属性
他のすべての HTML 要素と同様に、この要素はグローバル属性をサポートします。
datetime- この属性は要素の日時を示し、省略可能な時刻を伴う有効な日付の文字列 (valid date with an optional time string) で表記しなければなりません。値を時刻および日付の文字列として解釈できない場合は、要素に関連付けられたタイムスタンプはないものとされます。
例
シンプルな例
HTML
<p>コンサートは <time>20:00</time> に始まります。</p>
表示結果
datetime の例
HTML
<p>コンサートは <time datetime="2001-05-15 19:00">5 月 15 日</time>に開催します。</p>
表示結果
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| WHATWG HTML Living Standard <time> の定義 |
現行の標準 | HTML5.1 から変更なし |
| HTML5.1 <time> の定義 |
草案 | HTML5 から変更なし |
| HTML5 <time> の定義 |
勧告 | 最初期の定義 |
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 33.0 | 22.0 (22.0) | 9.0 | 22.0 | 7.0 |
| 機能 | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| 基本サポート | 2.1 | ? | 22.0 (22.0) | 10.0 | 11.50 15.0 で削除 |
4.0-4.1 |
関連情報
<data>要素では、他の種類の値を示すことが可能です。