새로운 질서 위키

앵커 링크

앵커 링크(anchor link)는 웹 문서 안의 특정 위치로 이동하는 하이퍼링크를 가리킨다. 긴 문서의 목차나 각주에서 바로 해당 부분으로 갈 때 쓴다. (MDN의 앵커 요소 안내)

  • href="#notes"는 같은 문서에서 id가 notes인 요소를 가리킨다. 다른 문서의 주소 뒤에도 #notes를 붙일 수 있다. (같은 페이지의 요소로 연결)
  • 링크 문구에는 도착할 내용을 드러낸다. 같은 ‘여기’가 반복되면 링크만 따로 읽는 사람은 목적지를 알기 어렵다. (접근 가능한 링크 문구)
  • 목적지의 id를 바꾸면 그 위치를 가리키던 링크를 함께 살펴야 한다. 문서가 열려도 특정 위치로 이동하지 않는 조각 식별자의 문제가 남을 수 있다. (문서 조각을 가리키는 링크)

기타 등등

  • HTML의 a 요소 이름은 anchor에서 왔지만, 이 요소는 페이지 안의 이동뿐 아니라 다른 주소로 가는 링크에도 쓰인다. 출처
  • 빈 조각인 href="#" 또는 #top을 이용해 페이지 맨 위로 이동할 수 있다. 출처

#HTML #하이퍼링크 #웹접근성

검색