2020.02.09 2023.01.04

<time>要素の使い方・サンプルコード

Sara

<time>

<time>要素は、西暦や24時間表記で正確な日付を示します。

datetime 属性の値は、検索エンジンなどコンピュータで読み取れる形式にするため

などで正確に記述する必要があります。

＊datetime 属性は必ず指定する必要はありません

datetime 属性に指定する値と time 要素に書くテキストが同じ場合は、datetime 属性は不要です。
例）<time>2020-01-05</time>

表示するテキストが「2020年1月5日」のようにコンピュータが読み取れない文字列の場合は datetime 属性を指定します。
例）<time datetime=”2020-01-05″>2020年1月5日</time>

*1 w(週)、d（日）、h（時）、m（分）、s（秒）
*2 P + 日数（1週間と2日なので9）+ D + T + 時間 + H + 分 + M + 秒 + S

例）日本時間2020年1月5日16時25分53秒

Step1：年月日を書く → 2020-01-05

Step2：時分秒を書く → 16:25:53

Step3：年月日と時分秒を T で繋ぐ → 2020-01-05T16:25:53

Step4：UTC（協定世界時）とJST（日本標準時）の時差が 9 時間なので +9:00 を付ける

完成）2020-01-05T16:25:53+09:00

この映画は<time>2020-03-15</time>に公開されます。

この映画は<time datetime="2020-03-15T10:00">2020年3月15日</time>に公開されます。