天天看點

404 img标簽usemap,一個圖檔中添加多個連結

404 img标簽usemap,一個圖檔中添加多個連結

<div style="margin: 10px; text-align: center;">  

     <img src="test404_files/06.png" usemap="#map" alt="http 404,file not found"  

     border="0"  height="422" width="450">  

     <map name="map" id="map">  

        <area shape="rect" coords="64,340,123,365" href="javascript:history.back();">  

        <area shape="rect" coords="164,340,205,365" href="http://blog.51yip.com">  

     </map>  

</div>  

解釋:

usemap="#map"調用一個name='map'的标簽

<map name="map" id="map"> html标簽

一個<area>對應圖檔中的一塊

shape="rect" 連結的形狀,rect是rectangle(距形)英文單詞的縮寫

coords="64,340,123,365"距形連結坐标,這裡的coords是coordinates(坐标)英文單詞的縮寫。

64,340,123,365這四個數字分别是連結距形相對于圖檔的左邊,上邊,右邊,下邊的位置。

64就是連結距形左邊距大圖檔最左邊的距離,其他數字也一樣