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 を参照してください。