RYO.dev

最終更新日:

記事全体をarticle要素で囲む必要はないのでは?

  1. 仕様書によると...
  2. 僕なりの解釈
  3. 最後に

仕様書によると...

article要素について、仕様書には次のように書いてあります。

ページの主な内容(すなわち、フッタ, ヘッダ, ナビブロック, サイドバーを除外した部分)すべてが,全体として単独の自己完結的な構成になるとき、それを article でマークすることは — そうしてもよいが — 形の上では冗長になる(それは単独の文書を成し,ページが単独の構成であることは自明になるので)。

HTML Standard 日本語訳

僕なりの解釈

ページの主な内容すべてが,全体として単独の自己完結的な構成というのは、ブログや記事を含むのではないでしょうか。ブログや記事は1ページ1テーマが基本形です。HTMLとCSSの書き方についての内容と先週の九州旅行の思い出の内容を1つの記事に書く人はいないでしょう。

ということは、ブログや記事の場合、次のようにマークアップする必要はないのでは?

<header></header>
<main>
  <article></article>
</main>
<footer></footer>
<article>
  <header></header>
  <main></main>
  <footer></footer>
</article>

このようにマークアップすればいいということでしょうか?

<header></header>
<main></main>
<footer></footer>

最後に

もし誤った情報を見つけたり、お聞きしたいことがあったりした場合は、TwitterのDMメールにご連絡ください。