Client-side image map

1. What is a client side image map?
2. How to do client side image mapping in HTML?
3. What is the difference between client side image maps and server-side image maps?
4. Which attribute is used for client side image map?

What is a client side image map?

Client-side imagemaps are clickable images that don't require a CGI program to make them work. Instead, the browser interprets the imagemap based on HTML tags. Because they are faster and more reliable, client-side imagemaps have largely supplanted server-side imagemaps.

How to do client side image mapping in HTML?

In this article, we will create a client-side image map by using an <img> tag. The <img> tag is used to add images on a webpage. This tag is an empty tag which means it can contain only a list of attributes and it has no closing tag.

What is the difference between client side image maps and server-side image maps?

The imagemap is called "server-side" because the web browser must contact the remote host to find which site to contact. Client-side imagemaps, by contrast, do not require a cgi-bin program to function. The imagemap is actually an HTML construct that can be contained on the same page as the clickable image.

Which attribute is used for client side image map?

The usemap attribute specifies an image as a client-side image map (an image map is an image with clickable areas).