IT Tip./HTML5

<a> 태그의 rel 속성

impnem 2022. 6. 14. 21:11

 

 

 

<a> 태그의 rel 속성

 

 

 


<정의 및 특징>

  • <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)를 나타냄.

 

<참고 사이트>

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com