rel 코드상의 의미

개요

블로그 스킨을 수정해서 사용해오다가 나만의 스킨을 제작하기 위해 소스를 보는데 모르는 부분이 있어서 포스트를 진행해보려고 한다. 먼저 rel부터 알아본다.

 

<a>태그

<a>태그의 rel 속성은 현재 문서와 링크된 문서 사이의 연관 관계를 명시한다. 여러 검색 엔진들은 링크에 대한 더 많은 정보를 수집하기 위해 이 속성을 사용할 수 있다.

문법은 <a rel= "속성값"> 

 

 

속성값에서는

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

author 해당 문서의 저자에 대한 링크

bookmark 즐겨찾기에 사용하는 고유 주소

external 링크된 문서가 현재 문서와 같은 사이트 내에 있지 않음

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

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

 

 

예시

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

-어떤 홈페이지로 연결된 로그인화면으로 갈 수 있도록 '로그인 화면'이라는 단어를 페이지에 형성한다.

그리고 코딩위치는 바디에 들어간다. 사용하기 나름으로 헤드에 형성시킬수도 있을 것 

 

 

지원하는 브라우저