hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

日付をマークアップ

◉<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>