..

Search

rel

rel

<a> 태그의 rel 속성


HTML <a> 태그 ⇒


정의 및 특징

<a> 태그의 rel 속성은 현재 문서와 링크된 문서 사이의 연관 관계(relationship)를 명시합니다.

 

여러 검색 엔진들은 링크에 대한 더 많은 정보를 수집하기 위해 이 속성을 사용할 수 있습니다.

이 속성은 반드시 href 속성이 설정되어 있어야만 사용할 수 있습니다.


문법

<a rel=“속성값”>

속성값

속성값   설명
alternate  

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

author  

해당 문서의 저자에 대한 링크를 나타냄.

bookmark  

즐겨찾기(bookmarking)에 사용하는 고유 주소(Permanent URL)를 나타냄.

external  

링크된 문서가 현재 문서와 같은 사이트 내에 있지 않음을 나타냄.

help  

도움말 문서에 대한 링크를 나타냄.

license  

해당 문서의 저작권 정보에 대한 링크를 나타냄.

next  

연관된 문서들의 모음 중 다음 문서에 대한 링크를 나타냄.

nofollow  

유료 링크와 같이 검색 엔진이나 봇(bot) 등이 추적해서는 안 됨을 나타냄.

noreferrer  

사용자가 하이퍼링크를 클릭할 때 브라우저가 HTTP 리퍼러 헤더(referer header)를 전송해서는 안 됨을 나타냄.

noopener  

하이퍼링크를 따라 연결되는 어떠한 브라우징 컨텍스트(browsing context)도 오프너(opener)여서는 안 됨을 나타냄.

prev  

문서들 중에서 이전 문서를 나타냄.

search  

해당 문서를 위한 검색 도구를 나타냄.

tag  

현재 문서를 위한 키워드(tag)를 나타냄.


예제

<a href="http://www.tcpschool.com/bbs/login.php" rel="nofollow">로그인 화면</a>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

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

연습문제