How to create an area inside an image-map using HTML5 ?
The approach of this article is to create an area inside an image-map by using a <area> tag in a HTML Document. It is used to direct the user to different links after the user clicks on the mapped portions of the image. It is used as a child tag of the <map> tag. It has no closing tag and hence it is an empty tag for HTML but incase of XHTML you need to close that properly. HTML5 has some new attributes.
<area> Contents </area>
Before click on specific clickable area:
After click on specific clickable area:
- Google Chrome
- Internet Explorer