WebMaster Index

article

article 要素はコンテンツのひとつのまとまりを示します。article 要素の中の記事だけでひとつのコンテンツとして成り立つような内容でなければなりません。つまり基本的にはこの要素の中にそのページのメインコンテンツが入ると考えることができます。例えば次のリストのようなものに使用します。

  • ブログ記事
  • ニュース記事
  • フォーラムや掲示板の投稿
<article>
<h2>Surface シリーズ について</h2>
<p>Surface は Microsoft が作った PC です。</p>
...
...
</article>

article の中にさらに article を入れることができます。その場合は中の article は外の article と関連した内容でなければなりません。

<article>
<h2>Surface シリーズ について</h2>
<p>Surface は Microsoft が作った PC です。</p>
...
...

<article>
<h3>コメント1</h3>
<p>それはどのような PC ですか?</p>
</article>
</article>

article 内に footer を入れて投稿者の情報を記載することもできます。投稿者の連絡先を記入する場合は address タグを使用します。

<article>
<h2>Surface シリーズ について</h2>
<p>Surface は Microsoft が作った PC です。</p>
...
...

<article>
<h3>コメント1</h3>
<p>それはどのような PC ですか?</p>

<footer>
<p>投稿:阿部</p>
<address><a href="mailto:info@mail.com">連絡先</a></address>
</footer>
</article>
</article>

このような使い方はできるにはできるのですが正直ここまでする必要はないでしょう。そのページのメインコンテンツとなる記事本文を article で囲むとだけ覚えておけばとりあえず OK です。

投稿日時
2020年8月27日 00:00
カテゴリー
HTML タグ
タグ