링크는 보통 해당 주소의 페이지로 연결해 준다. ‘페이지 연결’ 외에 다른 동작들도 가능하다. https:// 나 http:// 대신에 다른 내용을 넣으면 되는데, 이런 약속들을 URI 스킴(URI Scheme)이라고 부른다.
IANA의 URI 스킴 목록을 참고하면 다양한 스킴들을 볼 수 있다고 한다.
링크의 상대 주소(Relative URL)
현재 폴더는 점 한 개(./)로 표시하고, 상위 폴더는 점 두 개(../)로 표시한다. 최상위 폴더는 경로 맨 앞에 / 로 시작하면 된다. 특별히 index.html 파일은 이름을 생략하고 폴더 이름만 쓸 수 있다.
myeong-ryang.html에서 최상위 폴더에 있는 index.html로 연결하는 링크 예시
<a href="../../index.html">홈페이지로 가기</a>
<a href="../../">홈페이지로 가기</a>
<a href="/index.html">홈페이지로 가기</a>
<a href="/">홈페이지로 가기</a>URI 프래그먼트(URI Fragment)
페이지의 특정 부분을 가리키는 주소다. 원하는 곳에 id 속성을 지정해 두고, 링크 주소로 사용할 때는 맨 끝에 #으로 시작하는 #아이디-이름 을 쓰면 된다.
manduu씨는 "집에 있지만 집에 가고싶다."<a href="#note-1">[1]</a>라고 말했다.
...
<p id="note-1">[1] 방구석포럼 2025 아무말연설</p>target 속성
새 창(새 탭)으로 열거나 현재 창 또는 내가 원하는 창으로 열 수 있다.
<a href="https://mandu.velog.com" target="_blank"><!-- 새 창으로 열기 -->
만두집
</a>
<a href="https://mandu.velog.com" target="_self"><!-- 현재 창 -->
만두집
</a>
<a href="https://mandu.velog.com" target="movie"><!-- 내가 원하는 창 -->
만두집
</a>
<a href="https://mandu.naver.com" target="movie"><!-- 내가 원하는 창 -->
초록만두집
</a>
<a href="https://mandu.com" target="movie"><!-- 내가 원하는 창 -->
만두세상
</a>이메일 보내기
mailto:<이메일 주소>라는 걸 사용하면 이메일을 보낼 수 있다. 이 링크를 클릭하면 이메일 프로그램이나 이메일 앱을 열 수 있고, 받는 사람 주소에 링크에 적힌 이메일 주소를 자동으로 입력해준다.
<!-- test@example.com으로 이메일 보내기 -->
<a href="mailto:test@example.com">메일 보내기</a>전화 걸기
tel:<전화번호>를 사용하면 전화를 걸 수 있다. 데스크톱 컴퓨터에서는 전화 기능이 없을 수 있지만, 스마트폰에서 이 링크를 클릭하면 전화 앱으로 연결된다.
<!-- 한국의 010-1234-0123으로 전화걸기 -->
<a href="tel:+821012340123">전화 걸기</a>