詳細釋義
圖像映射分為兩種類型:在從 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屬性的值前面多了一個# 。