정의
웹 페이지가 점점 길어집니다.과거에는 웹사이트 페이지마다 내용이 적고, 메뉴 클릭하면 다른 페이지로 이동하는 구조를 가졌습니다.
하지만 점점 한 페이지에 많은 정보를 담고, 스크롤을 많이 하는 구조로 변해가고 있습니다.
이러한 흐름속에서 사용자의 경험을 향상시키기 위해 사용자가 특정 위치로 빠르게 이동시켜주는 방법이 필요했습니다.
내부링크(Inner-link)는 다른 웹페이지로 가는 게 아닌 같은 웹페이지 안의 특정 위치로 이동하게 해주는 링크입니다.
정확한 용어로는 내부 앵커 링크(Anchor Link)라고 합니다.
활용
원하는 위치에 클릭 한번으로 이동합니다.💡 목차에서 각 섹션으로 이동하는 블로그
💡 특정 설명으로 이동하는 문서 메뉴얼
💡 질문을 클릭하면 해당하는 답변의 위치로 이동하는 FAQ 페이지
사용법
HTML 기준입니다.<!-- 이동할 대상 -->
<h2 id="section1">Section 1</h2>
<!-- 클릭하면 위의 section1으로 이동 -->
<a href="#section1">Section 1로 이동</a>728x90