在网页上正确使用语义HTML：文章元素是否合适？

Question

article（或section）元素在主页上是否合适？

我不确定，因为主页的内容主要是一堆摘要，指的是应该包含在article元素中的内容（在单独的页面上）。

Answer 1

我遵循的经验法则是，如果有相应的<article>，则仅使用<section>或<h#>。

所以这更合适：

<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>

请勿添加标题以使其正常工作。标题的价值应该根据内容的性质来确定，而不是想要用自己想要的元素来制作。

使用您想要的布局和内容的示例网址或图片，我可以提供更多背景信息。

另外，考虑一下如果你有一个连续的内容（比如子页面通常是关于一件事的那样），你就不会将整个页面包裹在<article>中，而是将它包装在<main>中。 1}}而不是。

如需了解更多信息，请查看W3C HTML5，WCAG和ARIA规范参与者和无障碍倡导者LéonieWatson的piece on <section>。