article과 section

section과 article 태그는 그룹화를 위한 태그다.

 

section태그와 다르게 article태그는 독립적인 영역을 그룹화한다.

블로그, 뉴스 기사, 광고 등에 사용한다.

 

독립적인 내용이고 다른 페이지에 가져다 사용할 수 있다면 article,

관계있는 내용을 분리할 때는 section을 사용한다.

 

여기서 재밌는 점은 h1 태그를 section영역이나 article영역에 사용할 때 그 깊이에 따라 크기가 달라진다는 점이다.

 

<h1>Cat</h1>
<section>
  <h1>Cat</h1>
  <p>cat and dog</p>
</section>
<article>
  <h1>Cat</h1>
  <p>cat and dog</p>
</article>