HTML - time 要素

概要

名前
time
カテゴリー
  • Flow content
  • Phrasing content
  • Palpable content
配置できる場所
Phrasing content が期待される場所。
コンテンツモデル
datetime 属性を持つ場合は、Phrasing content。datetime 属性を持たない場合は、時間を表す定められた形式のテキストノード。
説明
time 要素は、「機械可読形式にした日付や時刻のデータ」を提供するための要素です。data 要素と似ていますが、time 要素の場合は機械可読形式で提供するデータが日付と時刻 (タイムゾーンなどを含む) に限定されています。また、time 要素の機械可読形式のデータは datatime 属性の値として指定できるだけでなく、datatime 属性を指定せずに要素内容として直接書き込むことも可能です。
タグの省略
開始タグも終了タグも省略できません。
DOM Interface
HTMLTimeElement
仕様書
仕様書策定状況コメント
LS:現行の標準
REC:勧告
REC:勧告
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
×2262749462
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

属性

サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
datetime×2262749462
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
datetime
この属性は要素の日付や時刻を表し、下記に示す書式のうちの一つでなければなりません。
妥当な年の文字列
2011
妥当な月の文字列
2011-11
妥当な日付の文字列
2011-11-18
年のない妥当な日付の文字列
11-18
妥当な週の文字列
2011-W47
妥当な時刻の文字列
  • 14:54
  • 14:54:39
  • 14:54:39.929
妥当なローカル日時の文字列
  • 2011-11-18T14:54:39.929
  • 2011-11-18 14:54:39.929
妥当なグローバル日時の文字列
  • 2011-11-18T14:54:39.929Z
  • 2011-11-18T14:54:39.929-0400
  • 2011-11-18T14:54:39.929-04:00
  • 2011-11-18 14:54:39.929Z
  • 2011-11-18 14:54:39.929-0400
  • 2011-11-18 14:54:39.929-04:00
妥当な期間の文字列
PT4H18M3S

サンプルコード

time 要素のサンプルコードは以下のとおりです。

<p>
  <time datetime="2001-05-15T19:00">5月15日</time>
</p>
time 要素のサンプルコード

関連記事

Category:
プログラミング
公開日:
更新日:
Pageviews:
91
Shares:
0
Tag:
HTML