Front-end/HTML

[HTML] 하이퍼 링크 태그 - <a>

K_EY 2023. 3. 17. 12:35

하이퍼 링크 태그 (anchor)

- 다른 웹페이지를 연결할 때 사용

 

  •  href : 링크 주소 추가하는 속성
    • mailto:이메일 주소 : 해당 이메일 주소 입력된 상태로 메일창 실행

 

  • target : 링크가 열리는 방법 지정
    • _self : 현재 화면에서 링크 이동
    • _blank : 새로운 화면에서 링크 엶
    • _parent : 부모 프레임
    • _top : 최상위 프레임

 

- if 어떤 링크인지 툴팁으로 알려주고 싶다면,
<a href="url" title="설명">코드</a>

- if 내부 페이지로 이동하고 싶다면,
<a href="상대 경로">코드</a>

- if 같은 페이지 내 특정 위치로 이동하고 싶다면,
<a href="#id">코드</a>

 

<a href="주소" target="열리는 방법">코드</a>
<a href="https://html.spec.whatwg.org/multipage/" target="_blank" title="HTML5 specification">
Hypertext Markup Language (HTML)</a>

※ href는 HyperText Reference 줄임말