..

Search

rel

rel

<link> 태그의 rel 속성


HTML <link> 태그 ⇒


정의 및 특징

<link> 태그의 rel 속성은 현재 문서와 외부 리소스 사이의 연관 관계를 명시합니다.

 

rel 속성은 <link> 요소에 반드시 명시되어야 하는 필수 속성입니다.


문법

<link rel="속성값">

속성값

속성값   설명

alternate

 

프린트 페이지나 번역된 페이지와 같이 해당 문서의 대체 버전에 대한 링크를 제공함.

author

 

해당 문서의 저자에 대한 링크를 제공함.

dns-prefetch

 

브라우저가 대상 리소스의 원본에 대해 DNS 확인(DNS resolution) 작업을 미리 수행하도록 명시함.

help

 

도움말 문서에 대한 링크를 제공함.

icon  

사용자 인터페이스에서 해당 문서를 나타낼 리소스(일반적으로 아이콘)를 불러옴.

license

 

해당 문서의 저작권 정보에 대한 링크를 제공함.

next

 

연관된 문서들의 모음 중 다음 문서에 대한 링크를 제공함.

pingback

 

현재 문서에 대한 핑백(pingback)을 처리하는 핑백 서버의 주소를 제공함.

preconnect

 

브라우저가 대상 리소스의 원본에 미리 연결하도록 명시함.

prefetch

 

사용자가 요청할 가능성이 있으므로, 브라우저가 대상 리소스를 미리 가져와 캐시(cache)하도록 명시함.

preload  

브라우저가 as 속성과 해당 대상과 관련된 우선순위에 따라 현재 탐색에 사용할 대상 리소스를 미리 가져와 캐시하도록 명시함.

prev

 

연관된 문서들의 모음 중 이전 문서에 대한 링크를 제공함.

search

 

현재 문서 및 관련 페이지를 검색하는데 사용할 수 있는 리소스에 대한 링크를 제공함.

stylesheet

 

스타일 시트(stylesheet)로 사용할 외부 리소스를 불러옴.


예제
<head>
    <link rel="stylesheet" type="text/css" href="/examples/media/expand_style.css">
</head>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

rel 1.0 지원함 지원함 1.0 지원함 지원함

HTML5에서 변경된 사항

HTML5에서는 rel 속성의 일부 속성값을 더 이상 지원하지 않도록 변경되었으며, 일부 새로운 속성값이 추가되었습니다.


연습문제