<div> <section> <article>

🔍 비슷한 듯 다른 세 요소 ,, 어떤 점이 다를까 ?

div

• 의미를 가지지 않는, 단순히 구역을 나누기 위한 요소.

section

• <div>와 마찬가지로 문서의 구역을 나누는 요소이나, 의미를 가진다. ( 시맨틱 요소 )

• <section>으로 구분된 각각의 요소들은 HTML 문서의 전체적인 내용과 논리적으로 관련이 있다.

article

• <section>과 마찬가지로 문서의 구역을 나누는 시맨틱 요소.

• 다만, 독립적으로 구분해 배포하거나 재사용할 수 있는 구획이다.
  ex) 게시판, 블로그 글, 매거진, 뉴스 기사 등

• 독립적이기 때문에 <article> 요소의 내용은 전체적인 문서의 내용과 상관없이 그 자체만으로도 이해가 가능하고, 특정 위치에서 분리하더라도 컨텐츠가 그대로 유지하여 사용할 수 있다.