하이퍼링크(hyperlink)
하이퍼링크(hyperlink)는 텍스트나 이미지 등을 클릭했을 때 다른 웹 페이지, 같은 페이지의 다른 위치, 파일, 앱, 이메일 주소 등으로 이동하게 해 주는 연결 기능입니다.namu+3
개념과 특징
- 웹 문서나 앱 화면에서 한 요소를 다른 리소스(페이지·문서·동영상·메일 등)에 논리적으로 연결합니다.designkits+1
- 링크를 클릭(또는 탭·엔터 등으로 활성화)하면 브라우저나 앱이 지정된 URL(혹은 URI)로 이동하거나 관련 동작을 실행합니다.learn.microsoft+2
- 월드 와이드 웹의 핵심 개념으로, 분산된 정보를 서로 엮어 네트워크 구조를 만드는 역할을 합니다.developer.mozilla+1
종류 예시
- 텍스트 링크: 파란색 밑줄 텍스트처럼 보이는 가장 일반적인 링크 형태입니다.designkits+1
- 이미지 링크: 이미지를 클릭하면 특정 페이지나 파일로 이동하는 형태입니다.[designkits.co]
- 내부 링크: 같은 사이트·같은 문서 안의 다른 위치(#섹션 등)로 이동하는 링크입니다.developer.mozilla+1
- 외부 링크: 다른 사이트나 도메인으로 연결되는 링크입니다.[designkits.co]
- 이메일·전화 링크: 클릭 시 메일 앱을 열어 주소를 채워 넣거나, 전화 앱으로 발신을 시도하는 링크입니다.[designkits.co]
기술적 관점(웹)
- HTML에서 하이퍼링크는 보통
<a>요소로 정의하며,href속성에 목적지 URL을 지정합니다.developer.mozilla+1 - 예:
\<a href="https://example.com">Example 웹사이트\</a>처럼 작성하면 “Example 웹사이트” 텍스트가 링크가 됩니다.developer.mozilla+1
역할과 장점
- 관련 정보로의 빠른 이동을 가능하게 하여 탐색성과 정보 접근성을 크게 높입니다.developer.mozilla+1
- 출처 표기, 인용, 참고자료 연결을 쉽게 만들어 지식 공유와 협업을 촉진합니다.[designkits.co]
- 웹 페이지·문서 구조를 유연하게 확장하고, 다양한 매체(웹, 이메일, 문서, SNS 등) 간 연결을 가능하게 합니다.developer.mozilla+1