Widely available すべての主要ブラウザで対応済み。安心して使用可能。
テキスト・構造 Widely available

<time>

<time> 要素は特定の時刻または日付を表します。datetime 属性で機械可読な形式を提供できます。

テキスト・構造

概要

<time> 要素は特定の時刻または日付を表します。datetime 属性で機械可読な形式を提供できます。

対応ブラウザ

デスクトップ

Chrome 62+
Edge 14+
Safari 10+
Firefox 22+

モバイル

Chrome Android 62+
Safari iOS 10+
Firefox Android 22+

基本構文

HTML 
<p>投稿日: <time datetime="2024-03-15">2024年3月15日</time></p>
<p>イベント開始: <time datetime="2024-03-15T14:00">午後2時</time></p>
<p>所要時間: <time datetime="PT2H30M">2時間30分</time></p>

実務での使いどころ

  • <time> の活用

    日時を表す要素。datetime 属性で機械可読な形式を指定。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク