<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:05
2011-12-03T13:05:30
2011-12-03 13:05:30
タイムゾーンの指定(日本時間は +09:00)
2011-12-03T13:05+09:00
協定世界時(UTC)を表す(末尾に Z)
2011-12-03T04:05Z
  • 上記以外にも様々な書き方があります。詳しくは仕様書の例新規ウィンドウで表示でご確認ください。
HTML 5.1における変更点

使用例


<p>日付:<time>2011-12-03</time></p>

<p>時間:<time>13:05</time></p>

<p>日時:<time>2011-12-03T13:05:30+09:00</time></p>

表示例

日付:

時間:

日時: