최신 웹 개발 튜토리얼
 

HTML <a> Tag


w3ii.com에 대한 링크 :

<a href="http://www.w3ii.com">Visit w3ii.com!</a>
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

<a> 태그는 한 페이지에서 다른 연결하는 데 사용되는 하이퍼 링크를 정의합니다.

의 가장 중요한 특성 <a> 요소는 인 href 링크의 목적지를 나타내는 속성.

모든 브라우저에서 다음과 같이 기본적으로 링크가 나타납니다 :

  • 방문하지 않은 링크는 밑줄과 파란색
  • 방문 된 링크는 밑줄과 보라색입니다
  • 활성 링크는 밑줄과 빨간색

브라우저 지원

요소
<a>

팁과주의 사항

팁 : following 속성 : download, hreflang, media, rel, targettype 경우 존재하지 않을 수 href 속성이 존재하지 않습니다.

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

팁 : CSS 스타일 링크 : CSS 링크 튜토리얼CSS 버튼 자습서


HTML 4.01과 HTML5의 차이점

HTML 4.01에서 <a> 태그는 하이퍼 링크 또는 앵커 될 수있다. HTML5에서 <a> 태그는 항상 하이퍼이지만 더가없는 경우 href 속성을, 그 하이퍼 링크 만 자리이다.

HTML5는 몇 가지 새로운 특성을 가지고 있으며, 일부 HTML 4.01 속성은 더 이상 지원되지 않습니다.


속성

= HTML5의 새로운 기능.

글로벌 속성

<a> 태그도 지원 글로벌은 HTML의 속성 .


이벤트 속성

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


그것을 자신을 시도 - 예를

하이퍼 링크 만들기
어떻게 하이퍼 링크를 만들 수 있습니다.

링크로 이미지
어떻게 링크로 이미지를 사용합니다.

새 브라우저 창에서 링크 열기
방문자가 웹 사이트를 떠날 필요가 없도록하는 방법, 새 브라우저 창에서 링크를 엽니 다.

이메일 링크 만들기
메일 메시지에 링크하는 방법 (우편이 설치되어있는 경우에만 작동합니다).

이메일 링크 만들기 2
또 다른 이메일 링크.

지정된 인 요소 링크 id
지정된와 요소에 연결하는 방법 id 페이지 내에서합니다 ( name 속성은 HTML5에서 지원되지 않습니다).

자바 스크립트 링크
어떻게 내에서 자바 스크립트를 추가하는 href 속성.


관련 페이지

HTML 튜토리얼 : HTML 링크

HTML DOM 참조 : 앵커 개체

CSS 자습서 : 스타일링 링크


기본 CSS 설정

대부분의 브라우저는 표시됩니다 <a> 다음과 같은 기본 값으로 요소를 :

a:link, a:visited {
    color: ( internal value );
    text-decoration: underline;
    cursor: auto;
}

a:link:active, a:visited:active {
    color: ( internal value );
}

속성 기술
charset char_encoding HTML5에서 지원되지 않습니다.
링크 된 문서의 문자 세트를 지정합니다
coords coordinates HTML5에서 지원되지 않습니다.
링크의 좌표를 지정
download filename 사용자가 하이퍼 링크를 클릭 할 때 대상이 다운로드되도록 지정
href URL 링크로 이동하는 페이지의 URL을 지정
hreflang language_code 링크 된 문서의 언어를 지정합니다
media media_query 지정 링크 된 문서에 최적화되어 어떤 미디어 / 디바이스
name section_name HTML5에서 지원되지 않습니다. 글로벌 사용하여 id 속성을 대신 사용하십시오.
앵커의 이름을 지정
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
현재 문서와 링크 된 문서 사이의 관계를 지정
rev text HTML5에서 지원되지 않습니다.
링크 된 문서와 현재 문서 사이의 관계를 지정
shape default
rect
circle
poly
HTML5에서 지원되지 않습니다.
링크의 형태를 지정
target _blank
_parent
_self
_top
framename
어디에서 링크 된 문서를 엽니 다 지정
type media_type 링크 된 문서의 용지 종류를 지정합니다