HTML : 링크 태그 <a>

목차

1. <a> 태그 기본 문법

2. 주요 속성

---

1. <a> 태그 기본 문법

<a>태그는 HTML에서 링크를 만들 때 사용한다. (anchor)

<a href="https://example.com">이동하기</a>

• href : 이동할 URL을 명시하는 필수 속성
• 인라인 요소로, 클릭 가능한 링크를 생성한다.

 

---

2. 주요 속성

속성명	설명
href	이동할 링크 주소 ⋅ 실제 링크 주소 ("https://naver.com") ⋅ 파일 주소 ("something/index.html") ⋅ 파일 내 id ("#id_section") ⭐ 메일 보내기 ("mailto:example@gmail.com") ⭐ 전화 걸기 ("tel:+821012345678")
target	링크가 열릴 위치 ⋅ _self (기본값) : 현재창 ⋅ _blank : 새 탭에서 링크를 연다. (rel="noopener noreferrer"를 반드시 함께 작성해야 보안 위험을 방지) ⋅ _parent : 현재 프레임의 부모 프레임에서 열림 ⋅ _top : 최상위 창(탭)에서 열림
rel	현재 문서와 링크 대상과의 관계를 명시. 보안/SEO에 영향
download	링크 글릭 시 파일로 다운로드되도록 함
type	링크 대상의 MIME 타입을 명시

 

 

 

 

 

 

 

참고

codeit