section

section 태그는 섹션(부분, 구역, 영역) 들을 그룹화해서 분리하는 역할을 한다.

• 주제별로 구분한 그룹으로, 논리적으로 관계있는 요소 또는 문서를 분리할 때 사용한다.
• 다른 주제의 문서를 구분 짓기위해 사용 (주제별 영역들을 그룹화)
• 예를 들면 블로그 및 SNS 영역, 뉴스 기사, 신문 논평 등에서 사용한다.

article

article 태그는 문서 내에서 그룹화해서 분리하는 역할을 한다.

• article 태그는 section과 다르게 독립적으로 존재할 수 있으며 재사용 할 수 있다. 즉 article이 좀 더 구체적이다.
• 주로 블로그글, 포럼, 뉴스 기사 등을 article로 묶음
• 다른 주제의 문서를 구분 짓기위해 사용 (주제별 영역들을 그룹화)

article과 section 이 두 시맨틱 태그는 div와 같은 블록 속성을 가지고 있기 때문에 div로 대치해도 기능상으로 문제가 없고 두 요소 다 콘텐츠를 구분하는 데 사용되며 서로 바꿔서 사용 가능
※ 논리적인 관계가 없는 요소들을 그룹화 할 경우에는 div를 사용한다.