HTML 예제 9 / 20
시맨틱 태그는 <div> 와 시각적으로는 비슷하지만 의미를 전달합니다 — 검색엔진(SEO)과 스크린리더가 페이지 구조를 이해하는 데 도움을 줘요.
semantic
nav
section
article
aside
💡 이렇게 바꿔보세요
<nav> 은 사이트 전체 메뉴처럼 '주요' 내비게이션에만 — 모든 링크 모음에 다 쓸 필요는 없어요<section> 은 보통 자기 자신의 <h2>~<h6> 제목을 가져야 해요- 의미가 애매하면
<div> 를 쓰는 것도 정답이에요 — 시맨틱 태그를 억지로 끼워맞추지 마세요
← HTML 예제 목록