HTML앵커 및 하이퍼 링크


소개

앵커 태그는 일반적으로 별도의 웹 페이지를 연결하는 데 사용되지만, 단일 문서에서 여러 장소 간을 연결하거나 종종 목차를 연결하거나 외부 응용 프로그램을 시작하는 데에도 사용할 수 있습니다. 이 주제에서는 다양한 역할에서 HTML 앵커 태그의 구현 및 적용에 대해 설명합니다.

통사론

  • <a href="URL or anchor">Link Text</a>

매개 변수

매개 변수 세부
href 대상 주소를 지정합니다. 절대 또는 상대 URL이거나 앵커의 name 일 수 있습니다. 절대 URL은 http://example.com/ 과 같은 웹 사이트의 전체 URL입니다. 상대 URL은 같은 웹 사이트 내의 다른 디렉토리 및 / 또는 문서를 가리 킵니다. 예를 들어 /about-us/ 는 루트 디렉토리 ( / ) 내의 "about-us"디렉토리를 가리 킵니다. 명시 적으로 문서를 지정하지 않고 다른 디렉토리를 가리키면 웹 서버는 일반적으로 해당 디렉토리 내에 "index.html"문서를 반환합니다.
hreflang href 속성으로 연결된 자원의 언어를 지정합니다.이 언어는 href 속성과 함께 있어야합니다. HTML5에는 BCP 47 , HTML 4에는 RFC 1766의 언어 값을 사용하십시오.
rel 현재 문서와 링크 된 문서 간의 관계를 지정합니다. HTML5의 경우 값을 사양에 정의 하거나 Microformats wiki에 등록 해야합니다.
target 새 탭이나 창과 같이 링크를 여는 위치를 지정합니다. 가능한 값은 _blank , _self , _parent , _topframename (사용되지 않음). 이러한 행동을 강제하는 것은 웹 사이트를 통한 사용자의 통제를 위반하기 때문에 권장하지 않습니다.
title 링크에 대한 추가 정보를 지정합니다. 정보는 커서가 링크 위로 움직일 때 가장 자주 툴팁 텍스트로 표시됩니다. 이 속성은 링크에만 국한되지 않고 거의 모든 HTML 태그에서 사용할 수 있습니다.
download 사용자가 하이퍼 링크를 클릭 할 때 대상을 다운로드하도록 지정합니다. 속성의 값은 다운로드 한 파일의 이름이됩니다. 허용되는 값에는 제한이 없으며 브라우저는 자동으로 올바른 파일 확장명을 감지하여 파일 (.img, .pdf 등)에 추가합니다. 값을 생략하면 원래 파일 이름이 사용됩니다.

앵커 및 하이퍼 링크 관련 예