HTML <map>用法及代码示例

<map>标签用于在可单击的用户接口上定义map-image。 <map>需要<img>标记，该标记有助于图像和Map之间的关系。 <map>元素包含许多<area>元素，这些元素定义图像映射中的可点击区域。

用法:

 <map name=""> </map>

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML | <map> Tag 
    </title> 
</head> 
  
<body> 
    <center> 
        <p>Click on Images where the curser  
          clickable.(Top-left corner)</p> 
  
        <img src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190808143838/logsm.png" 
             alt="Geeks_logo" 
             usemap="#gfg"> 
  
        <map name="gfg"> 
            <area shape="rect"
                  coords="0, 0, 50, 50"
                  alt="gfg"
                  href= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190821123122/gfgsm.png"> 
        </map> 
    </center> 
</body> 
  
</html>

输出：
前：

后：

支持的浏览器：下面列出了HTML <map>标签支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
Safari
Opera

相关用法

注：本文由纯净天空筛选整理自skyridetim大神的英文原创作品 HTML | <map> Tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。