The <area/> Tag in HTML 5
An HTML image map is dynamic interactive content that sets up image areas that a user can click on to navigate to other pages. The <area/>
tag is used to define the areas on the image. These areas may be either clickable, to navigate to another location, or non-clickable. If there is only one link for the entire image, an <a href> tag (hypertext link) with image should be used instead.
To see how an image map works, mouse over or click on the different areas of this image map:

This is an actual working demo of the <area> tag example code below.