正確使用網頁上的語義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>。