在网页上正确使用语义 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 或图像，我可以提供更多上下文。

此外，请考虑，如果您有一个连续的内容（例如子页面通常如何涉及一件事），则不会将整个页面包装在<article>而是将其包装在<main>中。

欲了解更多信息，请查看W3C HTML5，WCAG和ARIA规范参与者和可访问性倡导者Léonie Watson的<section>文章。