回答:
商品リストに各商品の商品名、価格、簡単な説明、画像(など)を表示する場合は、見出し(それぞれのセクション要素)を使用する必要があります。
各製品は個別のarticle
要素である必要があります。それらはにグループ化されますsection
。どちらの要素もセクション化要素であるため、いずれにせよ(アウトラインに対して)暗黙の不特定の見出しがあります。各製品に明確な見出しを提供することは、ユーザー、ボット、アクセシビリティ、SEO、ドキュメントの概要などにとって意味があります。
<section>
<h1>Page 3 of 14</h1>
<article>
<h1>Product Foo</h1>
<p>…</p>
</article>
<article>
<h1>Product Bar</h1>
<p>…</p>
</article>
<article>
<h1>Product Foobar</h1>
<p>…</p>
</article>
<nav>
<ul>
<li><a href="/page/2" rel="prev">Previous page</a></li>
<li><a href="/page/4" rel="next">Next page</a></li>
</ul>
</nav>
</section>
h1
セクション要素ごとに使用することも、(計算されたアウトラインに従って)h1
-を使用することもできますh6
。どちらを選択するかは、意味的に重要ではありません。