日付をマークアップ
◉<time>タグ
日付は、<time> タグで囲む。
<time>タグには、 属性を追加し、
コンピュータが正しい日付を認識できるように決まった書式で
日時を入力できるようにする必要がある。
◉日時の書き方
● 時刻は「 :(コロン) 」で区切る ・・・・15:45:20 など
● 日付は「-(ハイフン)」で区切る ・・・ 2020-04-17 など
● 日付と時刻は「 T 」で繋ぐ ・・・・・・ 2020-04-17T15:45:20 など
● タイムゾーンオフセットを指定する場合・・・2020-04-17T15:45:20+9:00など
※タイムゾーンオフセットとは??
日本の場合は +9:00。
◉ datetime 属性
上記の4つに当てはまらない書き方「4月17日」や「2020.04.17」のように
表したい場合は、
<time>に datetime 属性をつけることで、可能になる。
EX) <time datetime="2020-04-17">4月17日</time>
※ "midori"部は上記の書式方式で記入をすること!!
◉ pubdate 属性
time 要素の親要素に article があれば、そのarticle の公開日時を表す。
ブログやお知らせなどの記事の日時には、 pubdate 属性を指定するとよい。
なお、article 要素がない場合は、文書全体の公開日時を表す。
EX) <article>
<time datetime="2020-04-17" pubdate= "">2020年4月17日</time>
(省略)
</article>