[HTML] link rel 속성

<link> 태그에는 링크를 직접 삽입할 수 있는 href 속성만 오면 되지,

rel 속성은 또 뭐람?

라고 생각할 나같은 사람들을 위하여

---

<link> 태그는 링크를 정의할 수 있고, href 속성은 직접 링크의 주소를 삽입할 수 있다.

근데 보통 link 태그를 사용할 때 href 속성 앞에 오는 rel은 도대체 뭘까?

<link rel="stylesheet" href="css/animation.css">

보통 이런 형식으로 쓰인다.

 

rel 속성 : 현재 문서와 href의 주소와의 관계 설명

-> 반드시 명시되어야 하는 필수 속성

 

href의 링크가 무엇이냐에 따라서 rel에 들어갈 속성값이 달라진다.

alternate		프린트 페이지나 번역된 페이지와 같이 해당 문서의 대체 버전에 대한 링크를 제공함.
author		해당 문서의 저자에 대한 링크를 제공함.
dns-prefetch		브라우저가 대상 리소스의 원본에 대해 DNS 확인(DNS resolution) 작업을 미리 수행하도록 명시함.
help		도움말 문서에 대한 링크를 제공함.
icon		사용자 인터페이스에서 해당 문서를 나타낼 리소스(일반적으로 아이콘)를 불러옴.
license		해당 문서의 저작권 정보에 대한 링크를 제공함.
next		연관된 문서들의 모음 중 다음 문서에 대한 링크를 제공함.
pingback		현재 문서에 대한 핑백(pingback)을 처리하는 핑백 서버의 주소를 제공함.
preconnect		브라우저가 대상 리소스의 원본에 미리 연결하도록 명시함.
prefetch		사용자가 요청할 가능성이 있으므로, 브라우저가 대상 리소스를 미리 가져와 캐시(cache)하도록 명시함.
preload		브라우저가 as 속성과 해당 대상과 관련된 우선순위에 따라 현재 탐색에 사용할 대상 리소스를 미리 가져와 캐시하도록 명시함.
prev		연관된 문서들의 모음 중 이전 문서에 대한 링크를 제공함.
search		현재 문서 및 관련 페이지를 검색하는데 사용할 수 있는 리소스에 대한 링크를 제공함.
stylesheet		스타일 시트(stylesheet)로 사용할 외부 리소스를 불러옴.

* 참고 사이트

http://www.tcpschool.com/html-tag-attrs/link-rel