코딩의 시작, TCP School

◀ 이전 다음 ▶

<area> 태그의 rel 속성

HTML <area> 태그 ⇒

정의 및 특징

<area> 태그의 rel 속성은 현재 문서와 대상 URL 사이의 연관 관계(relationship)를 명시합니다.

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

문법

속성값

속성값		설명
alternate		프린트 페이지나 번역된 페이지와 같이 해당 문서의 대체 버전에 대한 링크를 제공함.
author		해당 문서의 저자에 대한 링크를 제공함.
bookmark		즐겨찾기(bookmark)에 사용하는 고유 주소(permanent URL)를 제공함.
external		링크된 문서가 현재 문서와 같은 사이트 내에 있지 않음을 명시함.
help		도움말 문서에 대한 링크를 제공함.
license		해당 문서의 저작권 정보에 대한 링크를 제공함.
next		연관된 문서들의 모음 중 다음 문서에 대한 링크를 제공함.
nofollow		유료 링크와 같이 검색 엔진이나 봇(bot) 등이 추적해서는 안 됨을 명시함.
noreferrer		사용자가 하이퍼링크를 클릭할 때 브라우저가 HTTP 리퍼러 헤더(referer header)를 전송해서는 안 됨을 명시함.
prefetch		해당 문서를 캐시(cache)해야만 함을 명시함.
prev		연속된 문서들 중에서 이전 문서를 제공함.
search		해당 문서를 위한 검색 도구를 제공함.
tag		현재 문서를 위한 키워드를 제공함.

예제

<img src="/examples/images/img_imagemap.jpg" alt="진실 혹은 거짓" usemap="#vending" style="width:320px; height:240px">
<map name="vending">
    <area shape="poly" coords="50,150,230,120,230,180,50,210" alt="진실"
        href="https://en.wikipedia.org/wiki/Truth" rel="alternate">
</map>

코딩연습 ▶