time タグエレメント
time タグエレメントは、日時を明示するための HTML タグエレメントです。日時は datetime 属性に記録します。
datetime 属性にはコンピュータで扱いやすい日時データを記録します。そのことで JavaScript でデータを利用しやすくなります。
<time datetime="1-1">正月</time>
ページ内の日時データを記録、取得するのに便利です。とくにカレンダーを扱う場合ではデータの操作が容易になります。
datetime 属性の値は表示されません。ユーザーが理解できる日時は、<time> エレメントに包括します。
日時以外のデータは、<data> エレメントを使用します。
- ad -
属性
グローバル属性も持ちます。以下に主な属性のみを示します。
Attribute | Value | Extra information |
---|---|---|
id | エレメントをユニークに扱える。 | |
class | 同名のclassは同じスタイルが適応される。 | |
datetime | datetime値 | 日時を記録。scriptでデータとして扱い易くなる。 |
datetime値
グローバル属性も持ちます。以下に主な属性のみを示します。
Example | 意味 |
---|---|
Dates | |
<time datetime="2000"> | 年度 |
<time datetime="2000-1"> | 年度、月 |
<time datetime="2000-1-1"> | 年度、月、日にち |
<time datetime="01-01"> | 月と日にち |
<time datetime="2000-21w"> | 年度の21週目 |
Date and Times | |
<time datetime="2000-01-01T00:00"> | 日付、時間(2000年1月1日午前0時0分) |
<time datetime="2000-01-01 00:00"> | 日付、時間(2000年1月1日午前0時0分) |
<time datetime="2000-01-01 00:00:00"> | 日付、時間は秒まで(2000年1月1日午前0時0分0秒) |
<time datetime="2000-01-01 00:00:00.000"> | 日付、時間はミリ秒まで(2000年1月1日午前0時0分0.000秒) |
Times | |
<time datetime="00:00"> | 午前0時0分 |
<time datetime="00:00+9:00"> | UTC+9、日本時刻 |
Durations(期間) | |
<time datetime="PT8H15M"> | 8時間と15分間 |
<time datetime="P3D"> | 3日間 |
Example
- ad -
JavaScript
time エレメントの定義は HTMLTimeElement を参照してください。