Недостаток карт со стороны сервера заключается, очевидно, в том, что для них необходим сервер. Это означает, что нужен доступ к http серверу или его каталогу /cgi-bin, а такими правами обычно обладают только владельцы и системные администраторы. Вдобавок карты, обрабатываемые со стороны сервера, ограничивают переносимость, так как не все программы, обслуживающие карты, работают одинаково.
Серверные карты для пользователя означают также дополнительные задержки, так как броузер должен сначала обратить на себя внимание сервера, чтобы тот затем обработал переданные ему координаты. И это так, даже если серверу не требуется предпринимать никаких действий, как бывает в случае, когда выбранная область изображения не имеет соответствующей гиперссылки и никуда не ведет.
С клиентскими картами не связано ни одно из этих затруднений. Создаваемые при помощи атрибута usemap тега <img> и определяемые специальными тегами расширений <map> и <area>, карты со стороны клиента позволяют авторам включать в их документы описания чувствительных областей изображения и ассоциированных с ними ссылок.
Броузер на компьютере клиента преобразует координаты мыши в некоторое действие, например в загрузку и отображение другого документа. При этом ряд предназначенных для работы с JavaScript атрибутов позволяет осуществить разнообразные эффекты для карт со стороны пользователя.
Для создания карты со стороны клиента включите в тег <img> атрибут usemap. Его значением должен быть URL сегмента <map> в HTML или XHTML документе, содержащий координаты на карте и соответствующие URL гиперссылок. Часть URL, указывающая на документ, сообщает, где содержится описание карты. Идентификатор фрагмента в URL сообщает, какое из описаний должно быть использовано. Чаще всего
описание карты содержится в том же документе, где и само изображение, и URL сводится к идентификатору фрагмента – значку решетки (#), за которым следует имя <map>-сегмента.
К примеру, следующий фрагмент исходного документа сообщает броузеру, что изображение map.gif – это карта со стороны клиента и что координаты чувствительных областей и соответствующее URL содержатся в <map>-фрагменте текущего документа:
<img src=»pics/map.gif» usemap=»#map»>