HTML시맨틱태그

HTML figure 태그로 이미지+설명+출처까지 완벽하게 정리하기

로
HTML figure 태그를 활용해 이미지, 설명, 출처를 정리하는 장면을 표현한 비버 캐릭터 일러스트

HTML figure 태그 완전정복 HTML figure 태그 – 콘텐츠와 설명을 세트로 묶는 법 웹페이지를 만들다 보면 단순히 이미지만 넣는 경우가 많습니다. 그런데 이미지를 넣다 보면 이런 생각이 들죠. “이 이미지가 뭘 의미하는지 설명도 같이 넣고 싶은데?” 예를 들어 차트를 보여주고 출처를 적거나, 유머짤을 보여주면서 부연 설명을 하고 싶을 때 말입니다. 이럴 때 사용하는 태그가 바로 … 더 읽기

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

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

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