..

Search

href

href

<area> 태그의 href 속성


HTML <area> 태그 ⇒


정의 및 특징

<area> 태그의 href 속성은 해당 영역(area)에 연결된 하이퍼링크의 대상 URL(target URL)을 명시합니다.


문법

<area href=“URL”>

속성값

속성값   설명

URL

 

해당 영역(area)에 연결된 하이퍼링크의 대상 URL

 

1. 절대 주소(absolute URL)

ex) href=“http://www.tcpschool.com/index.php”

2. 상대 주소(relative URL)

ex) href=“/lecture/logo.png”

3. 같은 페이지 내에서 명시된 id를 가지고 있는 요소를 연결함.

ex) href=“#bottom”

4. 스크립트

ex) href=“javascript:alert(‘반갑습니다!’)”


예제
<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">
    <area shape="circle" coords="140,100,40" alt="거짓" href="https://en.wikipedia.org/wiki/False">
</map>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

href 지원함 지원함 지원함 1.0 지원함 지원함

HTML5에서 변경된 사항

HTML5에서는 <area> 태그에 href 속성이 명시되지 않으며, 나중에 추가될지도 모르는 하이퍼링크를 위한 표시(placeholder) 역할만을 하게 됩니다.


연습문제