# Fundamental

# 시맨틱 (Semantic) 마크업

브라우저가 웹 문서 (HTML) 를 정확히 읽어내기 위하여 정보의 의미에 맞는 HTML Tag 를 이용하여 작성하는 것
출력 형태는 <div> 와 별 차이는 없다.

# 장점

• 웹 접근성이 좋아짐
• SEO (Search Engine Optimization) 개선 효과
• 코드 가독성, 재사용성이 높아짐

대표적으로 <header> <nav> <section> <article> <footer> 가 있다.

태그	설명
section	문서의 구획 (예: 장, 절)
article	독립된 콘텐츠 영역 (예: 개별 신문기사)
nav	네비게이션 메뉴 영역
aside	부가 콘텐츠(예: 사이드바, 광고 등) 본문 내용과 비교적 관련성이 적은 것
header	헤더글. 본문 위에 첨가하는 짧은 글 영역
footer	바닥글. 본문 아래에 첨가하는 짧은 글 영역
hgroup	제목(h1 ~ h6) 을 그룹화하는 요소