<a href="(연결할 주소)" target="(링크를 열 곳 옵션)">
target 속성값 |
설명 | 비고 |
|---|---|---|
_self |
현재 창 | 기본 |
_blank |
새 창 | 텍스트나 내부 이미지의 alt 등으로 명시 필요 |
_parent |
부모 프레임 | <iframe> 사용시 |
_top |
최상위 프레임 | <iframe> 사용시 |
<emmet 사용 예시>
a[href=”주소”, target=””]
target 속성의 blank 값 사용 시 텍스트나 내부 이미지의 alt 속성을 활용하여 새 창으로 링크된다는 것을 명시하는 것이 중요하다.
a 태그 내부에 img 태그를 사용하여 활용한다.
a 태그 target의 속성 값이 blank일 경우 img 태그의 alt 속성에 새 창임을 명시한다.
ex>
<a href="https://www.yalco.kr" target="_blank"> <img src="./yalco-logo.png" alt="얄코 사이트로 (새 탭에서)"> </a>
a 태그의 href 속성 값에 #(id값)을 넣어서 사용한다.
id 속성은 페이지마다 고유해야 한다!
ex>
<a href="#content">내용으로 건너뛰기</a>
<header>
…</header>
<main id="content"><!-- 여기로 건너뜀 --></main>
URL 링크를 통해 타 사이트의 특정 요소로 이동할 때도 사용한다.
건너뛰기 링크는 헤더 내비게이션과 같이 여러 페이지에서 반복되는 콘텐츠를 키보드 사용자가 쉽게 생략할 수 있도록 도와준다.
<address>
웹사이트 주소: <a href="<https://www.yalco.kr>">yalco.kr</a> <br>
오피스: 전산시 개발구 코딩동 123번길 45 <br>
전화 <a href="tel:010-1234-5678">010-1234-5678</a> <br>
이메일: <a href="mailto:[email protected]">[email protected]</a>
</address>