HTML 참고 매뉴얼

HTML 태그 전체 목록

HTML: <a> shape 속성

이 글은 HTML a shape 속성의 사용 방법을 설명하며, HTML a shape 속성의 사용법, 브라우저의 호환성, 문법 정의 및 속성 값 상세 정보 등을 온라인 예제로 설명합니다.

온라인 예제

《a` 요소에서 shape 및 coords 속성을 사용하여 이미지 맵을 생성하다:

예제

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>HTML a shape 속성-기본 가이드 웹(oldtoolbag.com)</title>　
</head>
<body>
<object　data="planets.gif"　alt="Planets"　type="image/gif"　usemap="#Map1">
　　<map　name="Map1">
　　<a　href="sun.html"　shape="rect"　coords="0,0,"82,126">The　Sun</a>
　　<a　href="mercur.html"shape="circle"　coords="90,58,3">Mercury</a>
　　<a href="venus.html" shape="circle" coords="124,58,8">Venus</a>
　　</map>
</object>
</body>
</html>

테스트를 해보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

현재 shape 속성을 지원하는 브라우저는 Firefox와 Opera 만입니다.

정의와 사용법

HTML5 Longer: <a> 태그의 shape 속성은 더 이상 지원되지 않습니다.

shape 속성과 coords 속성을 조합하여 <object> 또는 <img> 요소에 링크의 크기, 형상 및 위치를 지정합니다.

ヒント:모든 브라우저에서 사용할 수 있는 이미지 맵을 생성하려면, 다음을 사용하십시오 <area> 요소!

문법

<a shape="value">

속성 값

값	설명
default	모든 영역을 정의합니다.
rect	사각형 영역을 정의합니다.
circle	원형을 정의합니다.
poly	다각형 영역을 정의합니다.

HTML <a> 태그

HTML: <template> 태그