HTML <map>标签

时间:2019-06-08 23:19:36  来源:igfitidea点击:

说明

HTML<map>标签与<img>标签一起用于定义图像映射。

示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML map Tag</title>
   </head>

   <body>
      <img src ="../src/css-jquery.png" alt = "HTML Map" border = "0" usemap = "#html"/>
      <!-- 创建图片映射 -->

      <map name = "html">
         <!-- 创建可点击热点区域 -->
         <area shape = "rect" coords = "2,2,80,80" 
            href = "/css/index.htm" alt = "CSS教程" target = "_blank" />
         
         <area shape = "circle" coords = "127,43,42" alt = "jQuery教程" 
            href = "/jquery/index.htm" target = "_blank" />
      </map>
   </body>

</html>

全局属性

此标签支持HTML属性参考中描述的所有全局属性

特定属性

HTML<map>标签还支持以下添加属性:

属性说明
name唯一值定义映射标签的唯一名称。

事件属性

此标签支持HTML事件参考中描述的所有事件属性

浏览器支持

ChromeFirefoxIEOperaSafariAndroid
支持支持支持支持支持支持