시맨틱 태그 (Semantic Tag)

시맨틱 태그는 의미를 가지는 태그로, 나눠진 구획의 기능을 태그 이름만으로도 이해할 수 있다.

 

<header> - 웹 페이지 혹은 <section>의 소개나 제목을 담기 위해 사용하는 요소

<nav> - 네비게이션 역할을 수행하는 요소로, 페이지 이동을 위한 메뉴를 주로 담음

<section> - 기준에 따라 구획을 구분하기 위해 사용하는 요소. 기준에 맞는 <article>들을 담는다

<article> - 주 내용을 담기 위해 사용하는 요소

<aside> - 광고 or 사이트의 주변 부분에 해당하는 내용을 담기 위해 사용하는 요소

<footer> - 일반적으로 웹 사이트의 가장 아래에 들어가는 회사 정보나 사이트 정보등의 추가 정보를 담기 위해 사용하는 요소