웹사이트를 안내하는 HTML의 나침반, nav 태그 이해하기

웹페이지 내 내비게이션 구조를 깔끔하게 시각화한 HTML nav 태그 예시 이미지

웹사이트 구조를 책임지는 HTML의 길잡이, <nav> 태그 1. <nav> 태그란? <nav> 태그는 웹페이지의 내비게이션(길잡이 역할)을 담당하는 영역을 명시합니다. 흔히 웹사이트 상단 메뉴, 사이드바 메뉴, 푸터의 링크 목록 등에 쓰입니다. 이 태그 안에 있는 링크들은 페이지나 사이트 내에서 주요한 이동 경로를 담당하기 때문에, 사용자는 더 쉽게 목적지를 찾을 수 있습니다. 시맨틱 태그답게 <nav>는 단순한 시각적 배치가 … 더 읽기

소개는 첫인상이 전부! HTML의 문 앞, header 태그

시크한 비버 캐릭터가 태그 구조를 소개하는 장면의 일러스트

페이지의 얼굴을 담당하는 <header> 태그 완전 정복 1. <header> 태그란? <header> 태그는 웹페이지나 개별 구역의 ‘머릿말’ 역할을 합니다. 사이트 전체의 로고, 메뉴, 제목 등을 담거나, 각 섹션의 제목 역할을 하기도 하죠. 쉽게 말해 책의 ‘표지’ 또는 ‘챕터 제목’ 같은 느낌이에요. 단, <header>는 단순히 맨 위에 둔다는 의미보단 ‘해당 영역의 소개 역할’이라는 구조적인 의미가 더 중요해요. … 더 읽기