시멘틱 태그

HTML의 시멘틱 태그는 문서의 구조와 의미를 명확하게 나타내기 위해 사용되는 태그다.
이 규칙을 잘 지키면 웹접근성이 향상되고, SEO를 강화할 수 있다.

 

태그	의미	사용 예시 또는 설명
<header>	문서나 섹션의 머리말 영역	로고, 네비게이션, 제목 등이 위치함
<nav>	내비게이션 링크 영역	메뉴, 링크 목록 등
<main>	문서의 주요 콘텐츠	페이지의 핵심 내용
<section>	문서 내 주제별 구분 영역	뉴스, 블로그 글 등 주제 단위로 콘텐츠 구분
<article>	독립적인 콘텐츠 영역	블로그 글, 기사, 포럼 글 등 단독으로 사용 가능한 콘텐츠
<aside>	보조 콘텐츠 영역	광고, 관련 글, 사이드바 등
<footer>	문서나 섹션의 바닥글 영역	저작권 정보, 연락처, 사이트 링크 등
<figure>	삽입된 이미지, 도표, 코드 등의 그룹화	이미지와 캡션을 묶을 때 사용
<figcaption>	<figure>의 설명 또는 캡션	이미지나 도표에 대한 설명 텍스트
<mark>	강조 표시	형광펜처럼 강조하고 싶은 텍스트
<time>	시간 또는 날짜를 나타냄	2025-05-28, 14:00 등
<address>	연락처 정보나 작성자 정보를 나타냄	이메일, 주소, 전화번호 등