{% endhighlight %}
---
layout: single
elementName: area
---
Defines an interactive area within a
Example:
Copy
Defines the title of the area. The title will appear when hovering the area. Defines the shape of the area. The shape is a rectangle and requires 4 coordinates. The shape is a circle and requires 2 coordinates and 1 radius. The shape is a polygon with unlimited points. Defines the coordinates related to the shape. A A A Defines the target of the area. You can pass an absolute URL. You can pass a URL relative to the root domain. You can target an element within the same page. Here, we target the element You can use the Defines in which tab or window the clicked area will show up. Opens in a new browsing context, which is usually a new tab. Opens in the current tab. Opens in the parent browsing context, or Opens in the top browsing context, or
#
area
map.
{% endhighlight %}
title
"North America"
shape
"rect"
"circle"
"polygon"
coords
"116,104,234,154"
rect requires two pairs x1,y1,x2,y2, where the first one defines the top left corner, and the second one the bottom right corner.
"50,80,20"
circle requires a pair and a radius x,y,r. The pair defines the center of the circle.
"198,374,243,303,428,387,361,624,296,624"
polygon requires a collection of x,y pairs.
href
"http://htmlreference.io"
"/element/div"
"#footer"
<div id="footer">
"mailto:alex@smith.com"
mailto protocol. Clicking the area will open the user's email client.
target
"_blank"
"_self"
"_parent"
_self is there is none.
"_top"
_self is there is none.