HTML <area> shapeAttribute

HTML area 标签参考手册HTML <area> Tag

Examples

An image map with clickable areas:

<img src ="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> </map>

Try it Yourself »

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

All major browsers support the shape attribute.

Definition and Usage

The shape attribute specifies the shape of an area.

The shape attribute and coordsthe coords attribute work together to define the size, shape, and position of the area.

Differences between HTML 4.01 and HTML5

NONE.

Syntax

<area shape="default|rect|circle|poly">

Attribute Values

Value Description
default Specifies the entire region.
rect Defines a rectangular region.
circle Defines a circle.
poly Defines a polygonal region.

HTML area 标签参考手册HTML <area> Tag

Other Extensions