[html] <a href="#아이디"> 앵커 링크 정리

웹 퍼블리싱에서 <a> 태그의 href에 #아이디를 사용하는 방식은
같은 페이지 내 특정 위치로 이동하는 앵커(anchor) 링크입니다.

 

1. 기본 개념

<a href="#section1">섹션 1로 이동</a>

<section id="section1">
  <h2>Section 1</h2>
</section>

• #section1 → id="section1" 요소로 이동
• 페이지 새로고침 ❌
• JavaScript 없이 동작 ⭕

 

2. 언제 쓰는가?

• 목차(Table of Contents)
• 랜딩 페이지 네비게이션
• 긴 문서 내 빠른 이동
• 접근성(키보드 탐색) 대응

 

정리하면

 

<a href="#아이디"> 방식은
가볍고 표준적인 페이지 내부 이동 방법이며
반응형·접근성 측면에서도 실무에서 여전히 유효하다!