링크

링크 (하이퍼링크의 줄임말)는 클릭하거나 탭하면 새로운 위치로 이동할 수 있게 해 주는 HTML 객체입니다. 링크는 거의 모든 웹 페이지에서 찾을 수 있으며, 웹에서 페이지 간에 이동할 수 있는 간단한 방법을 제공합니다.

링크는 텍스트, 이미지 또는 다른 HTML 요소에 연결할 수 있습니다. 대부분의 텍스트 링크가 파란색인 이유는 웹 브라우저에서 링크를 표시할 때 사용하는 표준 색상이기 때문입니다. 그러나 HTML 또는 CSS 스타일을 사용해 링크 텍스트의 스타일을 사용자 지정할 수 있으므로 링크는 어떤 색상이든 될 수 있습니다. 웹 초창기에는 링크에 기본적으로 밑줄이 표시되었습니다. 오늘날에는 링크에 밑줄을 표시하는 경우가 줄었습니다.

링크를 이미지에 적용하면 링크 태그가 이미지 태그를 감싸거나 둘러쌉니다. 이미지 태그가 링크 태그 안에 중첩되므로 이미지 자체가 링크가 됩니다. 이 방법은 <div> 및 <span> 객체와 같은 다른 요소에 링크를 적용할 때도 사용할 수 있습니다. 그러나 CSS를 사용해 링크의 스타일을 지정할 수 있으므로, <div> 또는 <span> 태그 대신 CSS 클래스 또는 ID 속성이 있는 <a> 태그를 사용하는 경우가 많습니다.

다음은 텍스트 링크와 이미지 링크의 HTML 예입니다.

텍스트 링크: <a href="/definition/computer">Computer Definition</a>

이미지 링크: <a href="https://techterms.com/definition/computer"><img src="/images/computer.jpg" alt="desktop PC"></a>

상대 링크와 절대 링크

위의 첫 번째 링크는 도메인 이름을 포함하지 않으므로 "상대 링크"입니다. 대신 링크는 현재 웹사이트를 기준으로 합니다. 예를 들어 TechTerms.com의 내부 링크에는 소스에 "https://techterms.com/"이 필요하지 않습니다. " /definition/computer"와 같은 상대 링크만 있으면 됩니다. 링크가 슬래시로 시작하므로 경로는 루트 디렉터리에서 시작합니다. 상대 링크가 슬래시로 시작하지 않으면 경로는 현재 URL을 기준으로 합니다.

위의 두 번째 링크는 도메인 이름을 포함하므로 절대 링크입니다. 절대 링크는 다른 웹사이트로 이동하는 외부 링크에 필요합니다. 절대 링크는 "http" 또는 "https"로 시작할 수 있습니다. 절대 링크는 슬래시 두 개("//")로 시작할 수도 있습니다. 이는 HTTP를 통해 제공되는 페이지에서는 "http://"로, HTTPS를 통해 제공되는 페이지에서는 "https://"로 해석됩니다.

NOTE: <a> 태그의 "a"는 "anchor"를 의미합니다. 초기 하이퍼텍스트 문서는 다른 페이지가 아니라 페이지 내의 앵커(또는 마커)에 연결되는 경우가 많았기 때문입니다. <a> 안의 "href"는 "hypertext reference"를 의미합니다.