English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <a> 태그는 HTML 문서에서 URL이나 목표를 가리키는 슈퍼링크를 정의합니다. 이 태그는 일반적으로 <a> 요소라고도 합니다.
기본 튜토리얼 웹사이트로 링크하려면 :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>기본 튜토리얼 웹사이트(oldtoolbag.com)</title> </head> <body> <a href="https://ko.oldtoolbag.com">기본 튜토리얼 웹사이트에 방문하세요!/a> </body> </html>시험해 보세요 ‹/›
IEFirefoxOperaChromeSafari
모든 주요 브라우저는 <a> 태그를 지원합니다.
<a> 태그는 페이지에서 다른 페이지로 링크하는 슈퍼링크를 정의합니다.
<a> 요소에서 가장 중요한 속성은 href 속성으로, 링크의 목표를 지정합니다.
모든 브라우저에서 링크의 기본 외관은 다음과 같습니다:
방문하지 않은 링크는 밑줄이 있으며 파란색입니다
방문된 링크는 밑줄이 있으며 분홍색입니다
활성 링크는 밑줄이 있으며 빨간색입니다
HTML <a> 요소는 <body> 태그 내에 위치합니다.
시작 <a>와 끝/a> 사이의 텍스트는 링크 텍스트로 표시됩니다(즉, 밑줄이 있는 글자).
자원이 새 창에서 페이지를 엽니다면, target = "_blank" 속성을 사용하십시오. 예를 들어, 다음과 같이 링크를 작성할 수 있습니다: <a href="/examples/filename.html" target="_blank">파일 이름으로 링크하려면 </a>
HTML 4.01 중에서, <a> 태그는 링크일 수도 있고, 앵커일 수도 있습니다. HTML5 중에서, <a> 태그는 링크이지만, href 속성이 없으면 그것은 단순히 링크의 대체자입니다.
HTML5 또한 몇 가지 새 속성이 있으며, 몇 가지 HTML 속성은 더 이상 지원되지 않습니다. 4.01 의 속성.
New :HTML5 의 새 속성.
속성 | 값 | 설명 |
---|---|---|
charset | char_encoding | HTML5 지원하지 않습니다. 목표 URL의 문자 인코딩을 정의합니다. |
coords | coordinates | HTML5 지원하지 않습니다. 링크의 좌표를 정의합니다. |
downloadHTML5 | filename | 다운로드 링크를 지정합니다. |
href | URL | 링크의 목표 URL을 정의합니다. |
hreflang | language_code | 목표 URL의 기본 언어를 정의합니다. href 속성이 존재할 때만 사용됩니다. |
mediaHTML5 | media_query | 목표 URL의 미디어 유형을 정의합니다. 기본 값: all. href 속성이 존재할 때만 사용됩니다. |
name | section_name | HTML5 지원하지 않습니다. 앵커의 이름을 정의합니다. |
pingHTML5 | list_of_URLs | URL의 공백으로 구분된 목록을 지정합니다. 링크가 추가되면, 브라우저가 피닝 요청을 보냅니다. 일반적으로 추적에 사용됩니다. |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | 특정 푸시 유형을 지정합니다. |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 현재 문서와 목표 URL之间的关系를 정의합니다. href 속성이 존재할 때만 사용됩니다. |
rev | text | HTML5 지원하지 않습니다. 목표 URL과 현재 문서之间的关系를 정의합니다. |
shape | default rect circle poly | HTML5 지원하지 않습니다. 링크의 형상을 정의합니다. |
target | _blank _parent _self _top framename | 목표 URL을 어디서 열 것인지 정의합니다. href 속성이 존재할 때만 사용됩니다. |
type HTML5 | MIME_type | 목표 URL의 MIME 유형을 정의합니다. href 속성이 존재할 때만 사용됩니다. 주의: MIME = Multipurpose Internet Mail Extensions. |
<a> 태그 지원 HTML의 전역 속성。
<a> 태그 지원 HTML의 이벤트 속성。
이미지 링크 이미지 링크 사용 방법 보여주기
현재 페이지에서 지정된 위치로 링크 북마크 사용 방법 보여주기
프레임워크 벗어나기 프레임워크에서 벗어나는 방법 보여주기
이메일 링크 생성 이 예제는 이메일로 이동하는 방법을 보여줍니다. (이 예제는 이메일 클라이언트 프로그램이 설치되면 작동합니다.)
이메일 링크 생성 2 이 예제는 더 복잡한 이메일 링크를 보여줍니다.
전화 링크 생성 이 예제는 전화를 걸 수 있는 링크를 생성하는 방법을 보여줍니다.
HTML 강의:HTML 링크
HTML DOM 참조서: Anchor 객체