HTML <time>

<time>は機械可読な形式で日付や時刻を記述するHTMLタグです。time要素の使い方をご紹介します。

機械可読な形式で日付や時刻を記述することによって、プログラムから利用しやすくなる。

<time datetime="2019-12-31">令和元年12月31日</time>
<time datetime="15:00">午後3時</time>

属性

次に示す属性をtime要素に指定できる。

class
CSSのクラスを指定する。空白で区切って、複数のクラスを指定できる。
id
HTML文書内で一意な識別子を指定する。
lang
言語を指定する。
style
CSSのプロパティを指定する。セミコロンで区切って、複数のプロパティを指定できる。

参考文献

Web Hypertext Application Technology Working Group (2022) Text-level semantics HTML Living Standard