ウェブページ上でのセマンティックHTMLの適切な使用：記事の要素は適切ですか？

Question

article（またはsection）要素は、ホームページ上で適切ですか？

ホームページのコンテンツは、ほとんどの場合、別のページのarticle要素に含める必要のあるコンテンツを参照しているため、わかりません。

Answer 1

対応ルール<h#>がある場合は、<article>または<section>のみを使用します。

だから、これはより適切である。これより

<h1>Home Page</h1> 

<p> 
Hi. 
</p> 

<article> 
<h2>Sub-Head</h2> 
<p> 
Hello. 
</p> 
</article> 

：

<h1>Home Page</h1> 

<p> 
Hi. 
</p> 

<article> 
<p> 
Hello. 
</p> 
</article> 

はそれを動作させるために見出しを追加しないでください。見出しの価値は、コンテンツの性質によって決定されるべきであり、あなたが望む要素を靴ひねりにする欲求ではありません。

あなたの意図したレイアウトとコンテンツのURLまたはイメージの例では、より多くの文脈を提供することができます。

また、1つの連続したコンテンツがある場合（サブページが一般的に1つのものと同じように）、ページ全体を<article>にラップしませんが、代わりに<main>にラップします。

もう少し詳しくは、W3C HTML5、WCAG、ARIA specの参加者とアクセシビリティの提唱者LéonieWatsonのpiece on <section>をご覧ください。