하이퍼링크는 문서 안의 한 지점에서 같은 문서의 다른 위치나 다른 문서로 바로 이동하게 해 주는 연결 요소다.[1] 웹에서는 텍스트뿐 아니라 이미지, 버튼, 아이콘처럼 클릭 가능한 다양한 요소에 붙을 수 있으며, 사용자는 이를 통해 정보를 선형이 아니라 연결망 형태로 탐색한다.[1][2]

하이퍼링크는 하이퍼텍스트와 월드-와이드-웹의 작동 방식에 직접 연결된다. 문서가 서로 참조를 주고받는 구조가 있어야 웹은 단순한 파일 모음이 아니라 상호 연결된 정보 공간으로 기능한다.[1][2]

1. 하이퍼링크의 종류

하이퍼링크는 문서 내부의 조각으로 이동하는 링크와 다른 문서로 이동하는 링크로 나눌 수 있다. 사용자는 웹페이지 안의 특정 위치로 이동하거나, 인터넷 상의 다른 자료로 곧바로 건너뛸 수 있다. 이런 연결 방식은 하이퍼텍스트의 핵심적인 사용 경험을 만든다.[1]

링크가 향하는 목적지가 같은 문서 내부인지, 다른 문서인지, 아니면 외부 자원인지에 따라 표현과 유지보수 방식도 달라진다. 특히 긴 설명 문서에서는 링크의 목적을 분명히 드러내야 사용자가 탐색 흐름을 잃지 않는다.[1][2]

2. HTTP 프로토콜과 하이퍼미디어

HTTP는 웹에서 하이퍼링크가 가리키는 자원을 요청하고 응답받는 데 쓰이는 애플리케이션 계층 프로토콜이다.[3] 사용자가 링크를 클릭하면 웹-브라우저는 대상 주소에 맞는 요청을 보내고, 웹-서버는 해당 자원을 응답한다. 이 과정 덕분에 문서, 이미지, 스타일시트, 응답 데이터 같은 서로 다른 형태의 자원을 하나의 탐색 흐름으로 묶을 수 있다.[3]

하이퍼미디어는 이런 연결 구조를 문서 본문 안에 직접 포함하는 방식이다. 웹 문서는 링크와 폼, 포함 자원 같은 요소를 통해 다음 행동을 제시하고, 사용자는 웹-브라우저에서 링크를 따라가며 관련 정보를 연속적으로 확인한다.[3]

3. HTML에서의 구현

HTML에서는 주로 <a> 요소로 하이퍼링크를 만든다.[2] href 속성에는 다른 문서의 주소, 같은 문서 내의 조각 식별자, 또는 상대 경로와 절대 경로를 넣을 수 있다.[2] 링크 텍스트는 목적지를 짐작할 수 있게 짧고 구체적으로 쓰는 편이 좋다.[2]

예를 들어 "여기를 클릭"보다 "하이퍼링크의 정의 보기"처럼 쓰면 사용자는 링크를 열기 전에 어디로 이동하는지 알 수 있다. 이미지에 링크를 걸 때도 대체 텍스트와 주변 문맥이 링크 목적을 분명히 드러내야 하며, 이런 규칙은 웹표준을 따라 일관되게 적용하는 것이 좋다.[2]

4. 작성 원칙

좋은 하이퍼링크는 단순히 이동만 가능하게 만드는 것이 아니라, 문서의 구조를 이해하기 쉽게 만든다. 따라서 링크는 본문과 동떨어진 장식 요소가 아니라 설명의 일부로 배치하는 것이 좋다.[2]

또한 링크가 끊기지 않도록 대상 자원의 유효성을 관리해야 하며, 같은 주제를 반복해서 가리키는 링크는 가능한 한 하나의 대표 경로로 정리하는 편이 낫다. 이런 점검은 웹개발 과정에서 기본적으로 다루어야 할 항목이다.[1][2]

5. 웹 생태계에서의 의미

하이퍼링크는 월드-와이드-웹을 문서 집합이 아니라 정보의 연결망으로 바꾸는 핵심 요소다.[1] 사용자는 하나의 문서를 읽다가도 관련 문서로 자연스럽게 이동할 수 있고, 이 연결은 웹의 비선형적 탐색 경험을 만든다.[1][2]

이런 구조는 정보 자원을 서로 참조하는 방식 자체를 표준화한다. 웹-브라우저와 웹-서버가 같은 규약 위에서 움직일 때 하이퍼링크는 단순한 편의 기능이 아니라 웹의 구조와 이용 방식을 함께 규정하는 기본 구성 요소가 된다.[2][3]

6. 관련 문서

7. 인용 및 각주

[1] Hyperlinks, George Mason University, Mmason.gmu.edu(새 탭에서 열림)

[2] HTML Standard, WHATWG, Hhtml.spec.whatwg.org(새 탭에서 열림)

[3] RFC 7231: Hypertext Transfer Protocol (HTTP/1.1): Semantics and Content, IETF, Wwww.rfc-editor.org(새 탭에서 열림)