정확히 어떻게 <section> 및 <article> 다중 주제 블로그 색인?

Question

뉴스, 리뷰, 비디오가 포함될 블로그 색인 페이지가있는 경우 각 섹션을 자체 섹션으로 정의하면 각 섹션 그룹이 다음과 같이 정의됩니다.

<section id="news"> 
<h2>Section Title</h2> 
<article> ... an article excerpt here ... </article> 
<article> ... an article excerpt here ... </article> 
<article> ... an article excerpt here ... </article> 
</section> 

<section id="reviews"> 
<h2>Section Title</h2> 
<article> ... an article excerpt here ... </article> 
<article> ... an article excerpt here ... </article> 
<article> ... an article excerpt here ... </article> 
</section> 

<section id="videos"> 
<h2>Section Title</h2> 
<article> ... an article excerpt here ... </article> 
<article> ... an article excerpt here ... </article> 
<article> ... an article excerpt here ... </article> 
</section> 

Answer 1

HTML5 specification는 말한다 :

섹션 요소는 문서 나 응용 프로그램의 일반적인 부분을 나타냅니다. 이 컨텍스트의 섹션은 주제별로 그룹화 된 콘텐츠입니다.

article 요소는 문서, 페이지, 응용 프로그램 또는 사이트의 전체 또는 자체 포함 된 구성을 나타내며 원칙적으로 독립적으로 배포하거나 재사용 할 수 있습니다 (예 : 신디케이션에서.

콘텐츠를 구성하는 데 <article> 및 <section>을 사용하는 방법은 사양을 완전히 준수합니다.