正确使用网页上的语义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éonieWatson的此piece on <section>。