<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>
지원하는 브라우저 및 버전
속성명 | ||||||
---|---|---|---|---|---|---|
rel | 1.0 | 지원함 | 지원함 | 1.0 | 지원함 | 지원함 |
HTML5에서 변경된 사항
HTML5에서는 rel 속성의 일부 속성값을 더 이상 지원하지 않도록 변경되었으며, 일부 새로운 속성값이 추가되었습니다.