틈 > 사이트 > 하이퍼링크

하이퍼링크

하이퍼링크는 웹 문서의 글자나 이미지에서 다른 문서·파일·문서 내부 위치로 이동하도록 자원의 주소를 연결한 요소이다.

역사토론신고
최근 수정: 2026. 7. 23. 오후 12:20:53 · 편집자 익명 편집자 · 조회 0

1. 개요

하이퍼링크는 한 정보에서 관련 있는 다른 정보로 이동하게 하는 연결이다. 웹에서는 주로 HTML의 a 요소와 href 속성으로 표현하며 글자뿐 아니라 이미지와 복합 요소에도 적용할 수 있다. 외부 사이트, 같은 사이트의 다른 문서, 이메일 주소, 전화번호, 현재 문서의 특정 제목을 대상으로 삼을 수 있다.

2. 주요 구성

구분설명
링크 텍스트이동할 대상과 목적을 이용자에게 설명하는 보이는 부분이다.
대상 URL클릭했을 때 열 자원이나 문서 내부 위치를 지정한다.
관계 정보현재 문서와 대상의 관계·보안·검색 처리 방식을 보조한다.
상태방문 여부, 키보드 초점, 마우스 위치를 시각적으로 구분할 수 있다.

3. 작동 방식

이용자가 링크를 활성화하면 브라우저는 대상 URL을 현재 주소와 결합해 새 자원을 연다. 새 창을 강제로 여는 링크는 사용자가 이동 결과를 예상하기 어렵게 할 수 있으므로 필요한 경우에만 사용하고 이를 알려야 한다. 문서 내부 링크는 조각 식별자와 같은 id를 가진 요소로 이동한다.

4. 형성과 발전

문서 사이를 비선형으로 연결한다는 하이퍼텍스트 개념은 웹보다 먼저 제안됐다. 웹은 간단한 주소와 링크 문법을 통해 전 세계 문서를 서로 연결했고, 검색 엔진은 이 연결 구조를 문서 발견과 관계 이해에 활용했다. 오늘날 링크는 탐색뿐 아니라 출처 표시와 관련 문서 구성의 핵심이다.

5. 활용과 확인할 점

‘여기 클릭’보다 ‘웹 접근성 지침 보기’처럼 대상이 드러나는 문구가 이해와 접근성에 유리하다. 링크처럼 보이지만 동작하지 않거나 버튼 기능을 링크로 잘못 구현하면 키보드와 보조 기술 이용자가 불편할 수 있다. 외부 링크에는 신뢰할 수 있는 주소인지 확인하고 광고·협찬 관계가 있다면 적절히 표시한다.

문서를 읽거나 작성할 때에는 용어의 정의와 실제 서비스의 정책을 구분해야 한다. 기술 표준은 개정될 수 있고 제품의 동작도 버전에 따라 달라질 수 있으므로, 날짜가 중요한 내용은 최신 공식 문서를 함께 확인한다. 사례를 인용할 때에는 홍보 문구를 사실처럼 옮기지 않고 확인 가능한 범위와 한계를 밝혀야 한다.

각주

출처·각주

  1. [1]
    1. WHATWG, The a element,출처
  2. [2]
    2. W3C WAI, Link Purpose,출처