WordPressのオリジナルテーマで使用した html5 のタグについて

今まで、div タグに class でheader や footer などと書いていました。今回 WordPress のオリジナルテーマを作るにあたり、参考にした本やサイトで <header> <article> <footer> などのタグが使われていたので、使ってみることにしました。

main, article, header, footer

<main> は、記事中に1回だけと決まっているっぽいです。他のは何回使っても良いらしい。ブログなら、こんな感じで使えば良いようです。(あまり詳しく調べていないので、間違っているかも)

<header>
  サイトのヘッダー
</header>
<main>
  <article>
    <header>記事(1)のヘッダー</header>
      <div>記事(1)本文</div>
    <footer>記事(1)のフッター</footer>
  </article>
  <article>
    <header>記事(2)のヘッダー</header>
      <div>記事(2)本文</div>
    <footer>記事(2)のフッター</footer>
  </article>
    :
</main>
<footer>
  サイトのフッター
</footer>

time

適当にまねして time タグを書いていたのですが、使い方が気になって調べたら自分の使い方はやはり変でした。こうやって書くものらしい。

<time datetime="2018-11-17T12:00:00+09:00">2018年11月17日 12:00</time>

または

<time datetime="2018-11-17">2018年11月17日</time>

WordPressならこんな感じに書けば良い。

最終更新日時:<?php the_modified_time('Y-m-d'); ?>

 

Web関連

Posted by ikubo