English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 참조 매뉴얼

HTML 태그大全

HTML: <a> 태그

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 와 HTML5사이의 차이

HTML 4.01 중에서, <a> 태그는 링크일 수도 있고, 앵커일 수도 있습니다. HTML5 중에서, <a> 태그는 링크이지만, href 속성이 없으면 그것은 단순히 링크의 대체자입니다.

HTML5 또한 몇 가지 새 속성이 있으며, 몇 가지 HTML 속성은 더 이상 지원되지 않습니다. 4.01 의 속성.

속성

New :HTML5 의 새 속성.

속성설명
charsetchar_encodingHTML5 지원하지 않습니다. 목표 URL의 문자 인코딩을 정의합니다.
coordscoordinatesHTML5 지원하지 않습니다. 링크의 좌표를 정의합니다.
downloadHTML5filename다운로드 링크를 지정합니다.
hrefURL링크의 목표 URL을 정의합니다.
hreflanglanguage_code목표 URL의 기본 언어를 정의합니다. href 속성이 존재할 때만 사용됩니다.
mediaHTML5media_query목표 URL의 미디어 유형을 정의합니다. 기본 값: all. href 속성이 존재할 때만 사용됩니다.
namesection_nameHTML5 지원하지 않습니다. 앵커의 이름을 정의합니다.
pingHTML5list_of_URLsURL의 공백으로 구분된 목록을 지정합니다. 링크가 추가되면, 브라우저가 피닝 요청을 보냅니다. 일반적으로 추적에 사용됩니다.
referrerpolicyno-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url
특정 푸시 유형을 지정합니다.
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
현재 문서와 목표 URL之间的关系를 정의합니다. href 속성이 존재할 때만 사용됩니다.
revtextHTML5 지원하지 않습니다. 목표 URL과 현재 문서之间的关系를 정의합니다.
shapedefault
rect
circle
poly
HTML5 지원하지 않습니다. 링크의 형상을 정의합니다.
target_blank
 _parent
 _self
 _top
framename
목표 URL을 어디서 열 것인지 정의합니다. href 속성이 존재할 때만 사용됩니다.
type HTML5MIME_type목표 URL의 MIME 유형을 정의합니다. href 속성이 존재할 때만 사용됩니다.
주의: MIME = Multipurpose Internet Mail Extensions.

전역 속성

<a> 태그 지원 HTML의 전역 속성

이벤트 속성

<a> 태그 지원 HTML의 이벤트 속성

온라인 예제

이미지 링크  이미지 링크 사용 방법 보여주기

현재 페이지에서 지정된 위치로 링크 북마크 사용 방법 보여주기

프레임워크 벗어나기  프레임워크에서 벗어나는 방법 보여주기

이메일 링크 생성 이 예제는 이메일로 이동하는 방법을 보여줍니다. (이 예제는 이메일 클라이언트 프로그램이 설치되면 작동합니다.)

이메일 링크 생성 2  이 예제는 더 복잡한 이메일 링크를 보여줍니다.

전화 링크 생성 이 예제는 전화를 걸 수 있는 링크를 생성하는 방법을 보여줍니다.

관련 기사

HTML 강의:HTML 링크

HTML DOM 참조서: Anchor 객체