HTML5: use of area and map tag


Since the <area> and <map> tags are usually used together, I’ll introduce them together in this article.

What is <map>?
The <map> tag is used to define a client-side image map.

The <map> element contains a set of <area> elements that define clickable fields in the image map.

What is <area>?
The <area> tag identifies a field within an image-map (an image-map is a view with clickable fields).

The <area> element is always placed in a <map> tag.

Note: The usemap property in the <img> tag is associated with the name attribute of the <map> element and creates a relationship between the image and the map.

Each <area> element must have the coords attribute. If you don’t know how to find coordinate values, you can get help from the image-map site.

Leave a Reply

Your email address will not be published.