Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

하이퍼텍스트와 하이퍼링크의 차이점 완벽 정리

웹의 근간을 이루는 두 가지 핵심 개념인 하이퍼텍스트(Hypertext)하이퍼링크(Hyperlink)는 일상적으로 자주 혼동되지만, 실제로는 서로 다른 역할을 수행하는 별개의 요소입니다. 이 글에서는 두 개념의 정의와 주요 차이점을 명확하게 정리해 드립니다.

하이퍼텍스트(Hypertext)란?

하이퍼텍스트는 비선형(non-linear) 방식으로 텍스트를 연결하여, 독자가 원하는 순서대로 특정 정보에 접근할 수 있도록 구성된 문서 체계입니다. 전통적인 문서가 위에서 아래로 순차적으로 읽히는 것과 달리, 하이퍼텍스트는 키워드를 통해 다른 정보로 즉시 이동할 수 있는 것이 특징입니다.

  • 비선형 연결 구조를 통해 텍스트에서 특정 종류의 정보로 이동할 수 있습니다.

  • 오직 텍스트만을 다룹니다.

  • 하이퍼텍스트가 가리키는 정보는 해당 내용과 관련된 정보만 생성합니다.

  • 내부에 하이퍼링크를 포함할 수 있습니다.

  • 키워드와 연관되어 동작합니다.

하이퍼링크(Hyperlink)란?

하이퍼링크는 문서나 웹 페이지 사이를 연결하는 참조(reference) 요소로, 클릭 한 번으로 다른 위치나 리소스로 이동할 수 있게 해줍니다. 하이퍼텍스트 또는 하이퍼미디어 환경에서 실질적인 '연결 통로' 역할을 담당합니다.

  • 하이퍼텍스트 또는 하이퍼미디어와 함께 참조(reference) 형태로 사용됩니다.

  • 텍스트뿐 아니라 미디어, 오디오, 비디오, 이미지, 그래픽 등 다양한 콘텐츠를 포함할 수 있습니다.

  • 하이퍼링크가 가리키는 대상에는 관련 없는 정보도 포함될 수 있습니다.

  • URL(Uniform Resource Locator)로 구성됩니다.

  • HTML의 앵커 태그(<a>)와 연관되어 사용됩니다.

핵심 차이점 요약

  • 다루는 범위: 하이퍼텍스트는 텍스트에 국한되지만, 하이퍼링크는 텍스트·이미지·영상 등 모든 형태의 콘텐츠를 연결할 수 있습니다.

  • 역할: 하이퍼텍스트는 정보를 구조화하는 '문서' 개념이고, 하이퍼링크는 문서를 잇는 '연결 도구'입니다.

  • 정보의 관련성: 하이퍼텍스트는 관련 정보로 연결되는 반면, 하이퍼링크는 무관한 정보로도 연결될 수 있습니다.

  • 기술적 기반: 하이퍼텍스트는 키워드 중심으로 작동하고, 하이퍼링크는 URL과 앵커 태그(<a>)를 기반으로 작동합니다.

마무리

정리하자면, 하이퍼텍스트는 비선형적으로 구성된 텍스트 문서 그 자체이고, 하이퍼링크는 그 문서들을 서로 연결해 주는 참조 장치입니다. 두 개념은 웹 브라우징 경험의 핵심을 이루며, 함께 작동하면서 오늘날 우리가 사용하는 인터넷의 정보 네트워크를 만들어냅니다.