Latest web development tutorials

HTML <A> 태그

이 튜토리얼을 사용하고 있습니다 :

<A HREF = "http://www.w3big.com">이 자습서를 방문! </ A>

»시도
(자세한 예를 들어, 페이지 하단 참조)

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저는 <A> 레이블을 지원합니다.


태그 정의 및 지침

<A> 태그는 다른 페이지로 링크 한 페이지에서 하이퍼 링크를 정의합니다.

가장 중요한 요소는 링크 대상을 지정 href 속성 <A> 속성이다.

모든 브라우저에서 기본 링크는 다음과 같습니다 :

  • 하지 방문한 링크는 밑줄과 파란색
  • 방문 된 링크는 밑줄과 보라색입니다
  • 액티브 링크는 밑줄과 빨간색됩니다

팁과주의 사항

팁 : href 속성을 사용하지 않는 경우에 hreflang, 미디어, REL, 대상 및 유형 특성을 사용할 수 없습니다.

팁 : 일반적으로, 현재 브라우저 창에 링크 된 페이지에 표시되는 다른 대상의 규정하지 않는 한.

팁 : CSS는 링크의 스타일을 변경합니다.


HTML 4.01과 HTML5의 차이점

HTML 4.01, <A> 태그가 모두 하이퍼 링크 될 수 있으며, 이는 고정 될 수있다. HTML5에서 <A> 라벨은 하이퍼 링크되어 있지만 href 속성이없는 경우, 하이퍼 링크 단지 자리이다.

더 이상 일부 HTML을 4.01 속성을 지원하지만 HTML5는 새로운 속성이 없습니다.


재산

새로운 기능 : HTML5 새 속성.

属性 描述
charset char_encoding HTML5 不支持。规定目标 URL 的字符编码。
coords coordinates HTML5 不支持。规定链接的坐标。
download New filename 指定下载链接
href URL 规定链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media New media_query 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
name section_name HTML5 不支持。规定锚的名称。
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 New MIME_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

전역 속성

<A> 태그는 지원 HTML 전역 속성을 .


이벤트 등록

<A> 태그를 지원하는 HTML 이벤트 속성을 .


예

시도 - 예

하이퍼 링크 만들기
이 예제는 HTML 문서에서 링크를 만드는 방법을 보여줍니다.

링크로 이미지
이 예제는 링크로 이미지를 사용하는 방법을 보여줍니다.

새 브라우저 창에서 링크 열기
이 예는 방문자가 사이트를 위로 떠날 필요가 없습니다, 새 창에서 페이지를 열 방법을 보여줍니다.

전자 메일 링크 만들기
이 예는 메시지를 연결하는 방법을 보여줍니다. (당신이 메일 클라이언트를 설치 한 후이 경우 작동합니다.)

생성 이메일 링크 2
본 실시 예는보다 복잡한 전자 메일의 링크를 설명한다.

같은 페이지에서 다른 위치로 이동 앵커를 사용하여
이 예 (HTML5 이름 속성을 지원하지 않습니다) 페이지에서 다른 위치로 id 속성 앵커 점프를 사용하는 방법을 보여줍니다.


관련 기사

HTML 자습서 : HTML 링크

HTML DOM 참조 : 앵커 객체