nav태그

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

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

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

HTML 본문에 div만 쓰시나요? 이제는 main으로 구조를 잡자!

로
HTML 페이지를 구성하는 메인 콘텐츠 구조를 나타내는 시크한 비버 일러스트

웹페이지의 주인공 무대, <main> 태그란? 1. <main> 태그의 정체, 대체 뭘까? <main> 태그는 HTML 문서 안에서 가장 핵심적인 ‘본문 콘텐츠’를 담는 용도로 사용돼요. 여기서 말하는 본문은 **페이지의 중심 주제**와 **핵심 내용을 의미**하죠. 예를 들어 블로그라면 글 본문, 쇼핑몰이라면 상품 목록, 뉴스 사이트라면 기사 내용이 바로 <main>에 들어갑니다. 반대로 **로고, 메뉴, 사이드바, 푸터**처럼 반복되는 UI 요소는 … 더 읽기