[HTML] Creating hyperlinks

Hyperlink?

하이퍼텍스트 문서 안에서 모든 형식의 자료를 연결하고 가리킬 수 있는 참조 고리

URL은 HTML 파일, 텍스트 파일, 이미지, 텍스트 문서들, 비디오 및 오디오 파일 등 웹 상에서 존재할 수 있는 어느 것이라 할지라도 연결할 수 있다. 

링크의 구조

• title - 해당 페이지에 어떤 종류의 정보가 포함되어 있는지와 같은 링크에 대해 보충할 추가 정보 
• href - 이동할 링크

<a href="https://naver.com" title="the best place">The naver homepage</a>

Block level 링크들

Block level 요소들이라고 해도 link로 바꿀 수 있다. (<a> 와 </a> 사이에 해당 요소를 넣기만 하면 된다.)

<a href="https://www.naver.com">
	<img src="..">
</a>

 

Document fragments(문서 조각)

해시(#) 기호를 추가하여 HTML 문서 내부의 특정 부분에 링크할 수 있다. 

<p>The <a href="#Mailing_address">company mailing address</a> can be found at the bottom of this page.</p>

상대 링크 사용하기

절대 링크를 사용하는 것이 항상 좋은 것이라고 생각할 수 있지만 그렇지 않다. 다른 웹 사이트로 연결할 때는 절대 링크를 사용해야 하지만 동일한 웹 사이트 내의 다른 위치에 연결할 때는 가능한 상대 링크를 사용하는 것이 브라우저의 성능 저하를 줄일 수 있다. 

절대 URL을 사용하면 브라우저는 DNS로 도메인 이름을 질의하여 서버의 실제 위치를 조회하는 것을 시작으로 요청되고 있는 파일을 찾는다. 이는 브라우저가 계속해서 추가 작업을 수행하게 만들 수 있다. 

 

비 HTML 리소스 연결 시 명확한 표식 남기기

• 다운로드 연결시 download attribute 사용하기
• 이메일 링크는 mailto: URL 스키마를 사용하여 구현한다.