<article>과 <section> 차이

<section> tag는 논리적으로 관계 있는 문서 혹은 요소를 분리할 때 사용한다.

 

 

• 각각의 <section>을 식별할 수단이 필요합니다. 주로 제목(<h1>-<h6>) 요소를 <section>의 자식으로 포함하는 방법을 사용합니다.
• 요소의 콘텐츠를 따로 구분해야 할 필요가 있으면 <article> 요소를 고려하세요.
• <section> 요소를 일반 컨테이너로 사용하지 마세요. 특히 단순한 스타일링이 목적이라면 <div> 요소를 사용해야 합니다. 대개, 문서 요약에 해당 구획이 논리적으로 나타나야 하면 <section>이 좋은 선택입니다.

<section>
  <h2>Heading</h2>  <!-- 제목으로 각 섹션을 구분 -->
  <img>some image</img>
</section>

 

 

 

<article> tag는 문서 혹은 요소가 독립적으로 존재할 수 있을 때 사용한다.

 

문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다. 사용 예제로 게시판과 블로그 글, 매거진이나 뉴스 기사 등이 있습니다.