<time></time>
| ブラウザ | --- |
|---|---|
| 分類 | フロー・コンテンツ / フレージング・コンテンツ / パルパブル・コンテンツ |
| 利用場所 | フレージング・コンテンツが置ける場所 |
| 内容 | フレージング・コンテンツ （HTML 5.1では、datetime属性がある場合：フレージング・コンテンツ / ない場合：テキスト） |
time要素は、正確な日付や時刻を表します。
<time>2011-12-03</time>
| 属性 | 値 | ||
|---|---|---|---|
| 任意属性 | |||
datetime="" |
日付や時刻 | YYYY-MM-DDThh:mm:ssTZD 等 |
有効な日時の文字列 |
datetime属性の詳細については、下記のページを参考にしてください。
time要素は、24時間表記の時刻、またはグレゴリオ暦による正確な日付を表す際に使用します。
次のように、時刻のみ、日付のみ、日付と時刻、といったパターンで記述できるほか、必要であればタイムゾーンも指定することができます。
- 24時間表記の時刻（13時5分）
-
<time>13:05</time> - 正確な日付（2011年12月3日）
-
<time>2011-12-03</time> - 日時とタイムゾーン（2011年12月3日 13時5分30秒 日本時間 +09:00）
-
<time>2011-12-03T13:05:30+09:00</time>
- この要素で指定する日時は、コンピュータで使用されることを想定したものとなります。そのため、time要素を使用する場合は、正確な日付や時刻を定められた書式で記述する必要があります。
time要素の内容について
datetime属性が指定されている場合は、日時以外の内容をtime要素内に記述することができます。
<time datetime="2011-12-03">今日</time>
この属性が指定されていない場合は、time要素の内容は書式に沿った日付や時刻である必要があります。
日時の書式
日付と時刻は、以下の書式で記述します。
- 時刻のみ（時:分）
13:05- 時刻のみ（時:分:秒）
13:05:30- 日付のみ（年-月-日）
2011-12-03- 日付と時刻（日付と時刻を T または半角スペースで区切る）
2011-12-03T13:052011-12-03T13:05:302011-12-03 13:05:30- タイムゾーンの指定（日本時間は +09:00）
2011-12-03T13:05+09:00- 協定世界時（UTC）を表す（末尾に Z）
2011-12-03T04:05Z
- 上記以外にも様々な書き方があります。詳しくは仕様書の例
でご確認ください。
- HTML 5.1における変更点
-
- コンテンツ・モデルが微妙に変わりました。（フレージング・コンテンツ → datetime属性がある場合：フレージング・コンテンツ / ない場合：テキスト）
使用例
<p>日付：<time>2011-12-03</time></p>
<p>時間：<time>13:05</time></p>
<p>日時：<time>2011-12-03T13:05:30+09:00</time></p>
- 表示例
-
日付：
時間：
日時：