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