What is the difference between client-side and server-side imagemaps?
In order for an image on the web to contain a link to more than one destination, it must have an imagemap. The imagemap defines regions of the image and associates each region with a different link.
Two kinds of imagemaps exist, server-side and client-side. In the server-side method, when you click an image leading to multiple links, you are actually invoking a cgi-bin program. The program typically reads a separate map file that tells the program where to go, depending on what part of the image you are clicking. The program returns the destination to the web browser, which then opens the page. 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. Rather than requiring the program on the remote host to determine what site to access, the web browser itself associates regions of the image with the appropriate sites. The browser, rather than the remote host, interprets the imagemap.
Client-side imagemaps are usually faster than server-side imagemaps and, in general, easier to create. Their main disadvantage is that older browsers, and less fully featured ones, may not support them. Fortunately, it is usually possible to create a clickable image that can have both a server-side and a client-side imagemap.
Last modified on July 05, 2011.