[HTML] 시맨틱 태그(Semantic tag)

시맨틱 태그

웹 문서의 머리말, 본문, 콘텐츠, 꼬리말 영역을 구분하는 태그.

웹 브라우저가 웹 문서를 효율적으로 읽을 수 있게 해준다.

 

종류	설명
<header>	머리말 영역(로고, 메뉴 등)
<nav>	링크 영역(링크를 포함한 메뉴 그룹화)
<figure>	멀티미디어(동영상, 사진 등) 콘텐츠 그룹화
<main>	본문, 중요한 콘텐츠를 담는 영역(주 콘텐츠 영역)
<aside>	본문과 연관성이 적은 외부 영역(부가 콘텐츠 영역)
<section>	특정 영역을 그룹화(연관성 있는 콘텐츠 여러개 그룹화)
<article>	기사 혹은 개별 콘텐츠 영역(특정 기사의 미리 보기, 썸네일, 제목, 본문 등)
<footer>	꼬리말 영역(기업 주소, 연락처, 약관 메뉴 등)