📜  HTML | ismap 属性(1)

📅  最后修改于: 2023-12-03 15:15:38.331000             🧑  作者: Mango

HTML | ismap 属性

ismap 属性用于将一个图像映射(image map)绑定到一个服务器端的脚本。当用户点击图片上的某个部分时,浏览器会将该部分的坐标发送到服务器上。 ismap 属性通常与 <img> 标签一起使用。

语法
<img src="image.jpg" ismap>
属性值

ismap 属性不需要值。

描述

ismap 属性告诉浏览器,该图像是一个服务器端映射。当图像被点击时,点击位置的坐标将被发送到服务器端脚本,该脚本将被调用。

实例应用

在下面的例子中,我们创建一个映射图片,并将其绑定到服务器端脚本。当用户点击图片中的某个区域时,浏览器会将该区域的坐标发送到服务器上。

<img src="images/map.gif" ismap usemap="#map">
<map name="map">
    <area shape="circle" coords="75,75,50" href="page1.html">
    <area shape="rect" coords="150,0,250,100" href="page2.html">
</map>

在上面的例子中,我们使用了 <map><area> 标签来定义图像映射。 <img> 标签的 usemap 属性指向我们创建的映射 map

兼容性

ismap 属性的兼容性非常好,几乎所有的浏览器都支持它。

总结

ismap 属性定义了一个图像映射,并使其与服务器上的脚本绑定。通过使用 <map><area> 标签,我们可以在图像上定义不同的区域,并将每个区域和服务器上的脚本相关联。