圖像映射

圖像映射是一個能對連結指示作出反應的圖形或文本框。單擊該圖形或文本框的已定義區域，可轉到與該區域相連結的目標 (URL)。

基本介紹

• 中文名：圖像映射
• 圖像映射：對指示作出反應的圖形或文本框
• 可轉到：與該區域相連結的目標 (URL)
• 當滑鼠指針：移到圖像映射上時

詳細釋義

圖像映射分為兩種類型：在從 Internet 裝入圖形的客戶機上進行處理的，稱為客戶端圖像映射；在向 Internet 提供 HTML 頁面的伺服器計算機上進行處理的，稱為伺服器端圖像映射。在伺服器處理中，單擊某個圖像映射會將該圖像中游標的相對坐標傳送到伺服器，並由伺服器上的專用程式作出相應的反應。在客戶端處理中，單擊圖像映射的已定義熱點將激活 URL，這與單擊了普通文本連結的效果類似。當滑鼠指針移到圖像映射上時，會在指針下方顯示 URL。

圖像映射基本分為在伺服器上（即 Internet 提供商）分析及在客戶電腦中的 Web 瀏覽器上分析兩種。

客戶端圖像映射

現代型的客戶端圖像映射在伺服器端沒有那么複雜。滑鼠移到圖片或框架區域上時，連結的 URL 的外觀會指示讀者是否可以單擊此區域。圖像映射存儲在圖片的下一層，含有引用區域的相關信息。客戶端圖像映射唯一的缺點是，不能在早期的 Web 瀏覽器上對其進行訪問，不過這個問題會隨著時間推移而自行解決。

伺服器端圖像映射

伺服器端頁面圖像映射顯示給讀者的部分為頁面上的圖像或框對象。在圖像映射上單擊滑鼠後，游標的相對位置坐標將被傳送到伺服器。然後伺服器會通過一個專用程式來確定要執行的下一個步驟。可以使用多種不兼容的方法來定義此過程，其中最常用的兩種方法是：—————————————————————————————————————————————————

html語法之--使用圖像映射

1 什麼是圖像映射

所謂圖像映射是指在一幅圖中定義若干個區域，每個區域中指定一個不同的超連結，當單擊不同的區域時便可以跳轉到相應的目標頁面。

2 創建圖像映射

2.1 定義映射區域

定義映射區域使用MAP標記符，在<MAP>和</MAP>之間添加映射區域。添加映射區域使用AREA標記符。該標記符具有三個基本屬性：

href 標識出目標的URL

shape 說明映射區域的形狀。取值可是：

rect 矩形

circle 圓形

poly 多邊形

default 整個圖像區域 coords 用於標識映射區域的邊界。 2.1 對映射區域進行引用

標記了映射區域之後，就可以通過在IMG標記符中使用usermap屬性來引用相應的映射信息。

一個完整的圖像映射語法如下：

<map name="mymap">

<area href=URL1 shape=rect coords="x1,y1,x2,y2">

<area href=URL2 shape=circle coords="x,y,r">

<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">

</map>

<img src=image_URL usemap=#mymap>

注意：map標記符中，name屬性的取值必須與img標記符中，usemap屬性的取值相同，只是usemap屬性的值前面多了一個# 。