HTML <a> 태그

정의 및 특징

・<a> 태그는 Anchor의 약자로

　하나의 페이지에서

　다른 페이지를 연결할 때 사용하는

　하이퍼링크(hyperlink)를 정의할 때 사용한다

 

・링크된 페이지는 보통 브라우저의 현재 윈도우에 표시되며,

　이것은 target 속성으로 변경할 수 있다

 

・링크는 모든 브라우저에서 다음과 같은 기본 스타일을 가지게 된다

　- 아직 방문하지 않은 링크(unvisited link) : 밑줄, 파란색(blue)

　- 방문했던 링크(visited link) : 밑줄, 보라색(purple)

　- 활성화된(현재 마우스가 위치하고 있는) 링크(active link) : 밑줄, 빨간색(red)

 

지원하는 브라우저

지원함	지원함	지원함	지원함	지원함	지원함

 

속성

속성명	속성값	설명
charset	문자셋	링크된 문서의 문자 인코딩을 명시한다 HTML5에서는 더 이상 지원하지 않는다
coords	좌표	링크의 좌표를 명시한다 HTML5에서는 더 이상 지원하지 않는다
download	파일 이름	사용자가 하이퍼링크를 클릭할 때 해당 대상(target)으로 연결되지 않고 대신 해당 콘텐츠가 다운로드 되는것을 명시한다 HTML5에서 새롭게 추가된 속성
href	URL	링크된 페이지의 URL를 명시한다
hreflang	영역 이름	해당 앵커(anchor)의 이름을 명시한다
name	언어 코드	링크된 문서의 언어를 명시한다 HTML5에서는 더 이상 지원하지 않으며, 대신 전역 속성인 id 속성을 사용한다
ping	URL	사용자가 하이퍼링크를 클릭할 때 브라우저가 보내는 짧은 HTTP POST 요청(request)을 전달받을 URL의 리스트를 명시한다
rel	alternate author bookmark external help license next nofollow noreferrer noopener prev search tag	현재 문서와 링크된 문서 사이의 연관 관계를 명시한다
rev	텍스트	현재 문서와 링크된 문서 사이의 연관 관계를 명시한다 HTML5에서는 더 이상 지원하지 않는다
shape	default rect circle poly	링크의 모양을 명시한다 HTML5에서는 더 이상 지원하지 않는다
target	_blank _parent _self _top 프레임 이름	링크된 문서를 클릭했을 때 문서가 열릴 위치를 명시한다
type	미디어 타입	링크된 문서의 미디어 타입을 명시한다

 

예제

<a href="https://www.google.com">구글 사이트로 이동</a>
<a href="https://www.google.com" target="_blank">새로운 윈도우에 오픈</a>
<a href="https://www.google.com" target="_self">현재 윈도우에 오픈</a>

 

 

■HTML 태그 레퍼런스

HTML 태그 레퍼런스 - MAIN 돌아가기