[HTML] <section> & <article>

<section>

HTML <section> 요소는 HTML 문서의 독립적인 구획을 나타낸다.

웹브라우저가 HTML 문서의 목차를 자동으로 구성할 수 있도록, 각각의 제목과 그에 해당하는 내용을 담는 보편적인 컨테이너로서 기능한다.

보통은 제목을 포함하지만 반드시 그런 것은 아니다.

<section> vs <div>

<section> 태그는 내부의 내용이 그룹화되어 페이지 개요에 별도 항목으로 표시되는 반면, <div>는 속성으로 가지고 있는 정보 외에는 어떠한 의미도 전달하지 않는다.

<article>

<article> 요소는 문서, 페이지, 애플리케이션 등에 포함되며 독자적으로 완성된 내용을 담고 있는 HTML 태그이다. 특정 요소의 컨텐츠를 외부와 구분하여 단독으로 묶고자 하는 경우 사용한다.

<article> 요소에 담긴 내용은, 다른 형식으로 추출되어 배포, 재사용되기도 한다.
내용 자체가 독자적인 페이지를 구성하기도, 타 페이지의 광고나 뉴스레터 속 기사와 같이 다른 형식으로 활용되기도 하는 것.

참고한 글