在网页上正确使用语义 HTML：article 元素是否合适？
Proper use of semantic HTML on a webpage: is the article element appropriate?
article（或section）元素在主页上是否合适？
我不确定，因为主页的内容主要是一堆摘要，指的是应该包含在 article 元素（在单独的页面上）中的内容。
我遵循的一个经验法则是只使用 <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>
不要为了让它起作用而添加标题。标题的价值应该由内容的性质决定，而不是硬塞进你想要的元素。
通过示例 URL 或您想要的布局和内容的图像，我可以提供更多上下文。
此外，请考虑如果您有一个连续的内容（例如 sub-page 通常是关于一件事），您不会将整个页面包装在 <article> 中，但您会包装它在 <main> 而不是。
有关更多信息，请查看来自 W3C HTML5、WCAG 和 ARIA 规范参与者和可访问性倡导者 Léonie Watson 的 piece on <section>。
article（或section）元素在主页上是否合适？
我不确定，因为主页的内容主要是一堆摘要，指的是应该包含在 article 元素（在单独的页面上）中的内容。
我遵循的一个经验法则是只使用 <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>
不要为了让它起作用而添加标题。标题的价值应该由内容的性质决定，而不是硬塞进你想要的元素。
通过示例 URL 或您想要的布局和内容的图像，我可以提供更多上下文。
此外，请考虑如果您有一个连续的内容（例如 sub-page 通常是关于一件事），您不会将整个页面包装在 <article> 中，但您会包装它在 <main> 而不是。
有关更多信息，请查看来自 W3C HTML5、WCAG 和 ARIA 规范参与者和可访问性倡导者 Léonie Watson 的 piece on <section>。