time要素

日付や時刻を表します。datetime属性が指定されている場合はその値を、指定されていない場合は要素内のテキストを値として扱います。

<p>記事の公開日は<time datetime="2016-01-18">2016年1月18日</time>、更新日は<time datetime="2023-10-22">2023年10月22日</time>です。</p>

属性

グローバル属性: 下記の属性に加え、グローバル属性を指定することもできます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。
datetime: コンピュータが扱えるフォーマットで指定する必要があります。

日付をtime要素でマークアップすると以下のようなHTMLになります。

<p>本日の日付は<time datetime="2023-10-22">2023年10月22日</time>です。</p>

日付を含まない時刻をtime要素でマークアップすると以下のようなHTMLになります。

<p>こちらの映画の上映時間は約<time datetime="02:20:00">2時間20分</time>です。</p>

日付と時間の間に「T（半角英大文字のティー）」を入れます。

<p>ご予約頂きました映画は<time datetime="2016-01-20T12:30:00">2016年1月20日 12時間30分</time>から上映予定です。</p>