HTML <img> 标签usemap属性

  • <img>标签usemap属性定义和用法

    usemap属性将图像指定为客户端图像映射(图像映射是具有可点击区域的图像)。
    usemap属性与<map> 元素的name属性相关联,并在<img><map>之间创建关系。
    注意:如果<img>元素是<a><button>元素的后代,则不能使用usemap属性。

  • <img>标签usemap属性浏览器支持

    Edge/IE Chrome FireFox Safari Opera
    支持 支持 支持 支持 支持
  • HTML4.01和HTML5之间的差异

    没有。

  • <img>标签usemap属性语法

    <img usemap="#mapname">

  • <img>标签usemap属性实例

    <!DOCTYPE html>
    <html lang="en">
    <head>
            <meta charset="UTF-8">
    </head>
    <body>
            <img src="images/j1.jpg" alt="Workplace" usemap="#workmap">
            <map name="workmap">
            <area shape="rect" coords="53,46,105,123" alt="jiuhu" href="images/j2.jpg">
            <area shape="rect" coords="122,112,149,166" alt="jiubei" href="images/j3.jpg">
            </map>
    </body>
    </html>
    尝试一下
  • <img>标签usemap属性值

    属性值 描述
    #mapname “#”字符加上要使用的<map>元素的name