퍼블리싱을 공부하면서 시맨틱 태그가 중요하다는 말을 많이 듣고 공부하면서 다른 태그들은 이해가 되었지만 section과 article의 차이는 와닿지 않았습니다.
실제 작업하면서 section 태그를 많이 사용하면서 두 태그의 차이에 대해서 깊이 생각해보지 않았던 것 같습니다.
그래서 이번 기회에 두 태그의 차이를 알아보려고 합니다.
1. section 태그
웹 페이지에서 주제를 구분하는 논리적 구역을 정의하기 위한 태그입니다.
-
페이지 내에서 관련 있는 콘텐츠를 그룹화하는 역할을 합니다. section태그 안의 컨텐츠는 특정 주제와 관련된 콘텐츠로, 페이지의 다른 구역과 연결된 맥락을 가집니다.
-
예: 소개, 서비스 설명, 팀 프로필, 연락처 정보 등으로 구획을 나누는 페이지의 특정 영역.
2. article 태그
독립적이고 재사용 가능한 콘텐츠를 나타내기 위한 태그로, 다른 문서나 페이지에서도 이해될 수 있는 내용이 들어갑니다.
- article에 포함된 콘텐츠는 페이지의 맥락에 종속되지 않고, 독립적으로 의미가 통할 수 있는 콘텐츠입니다. 블로그 글, 뉴스 기사, 제품 리뷰 등이 대표적입니다.
- 예: 블로그 포스트, 뉴스 기사, 사용 설명서 등 독립적인 정보가 담긴 콘텐츠.
차이점
section 현재 페이지에서만 의미가 있는 구획. 논리적인 주제별 그룹을 나누는 데 적합.
article 독립적이고 재사용 가능한 콘텐츠. 다른 문서나 페이지에서도 온전히 이해될 수 있는 내용.
