HTML <img> 标签的 ismap 属性 详解
HTML基础 2022-06-02 12:01:53小码哥的IT人生shichen
HTML <img> 标签的 ismap 属性
实例
服务器端图像映射：
<a href="demo_form.asp">
<img src="tulip.gif" ismap />
</a>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<a href="/demo/example/html/demo_form.php>
<img src="/i/eg_tulip.jpg" ismap />
</a>
<p>点击这幅图像，点击坐标会以 URL 查询字符串发送到服务器。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
解释
当用户在 ismap 图像上单击了某处时，浏览器会自动把鼠标的 x、y 位置（相对于图像的左上角）发送到服务器端。特殊的服务器端软件（在本例中是 demo_form.asp 程序）可以根据这些坐标来做出响应。
定义和用法
ismap 属性将图像定义为服务器端图像映射。
图像映射指的是带有可点击区域的图像。
当点击一个服务器端图像映射时，点击坐标会以 URL 查询字符串的形式发送到服务器。
注释：只有当 <img> 元素属于带有有效 href 属性的 <a> 元素的后代时，才允许 ismap 属性。
HTML 4.01 与 HTML5 之间的差异
没有。
HTML 与 XHTML 之间的差异
在 XHTML 中，禁止属性简写，并且必须把 ismap 属性定义为 <img ismap="ismap" />。
浏览器支持
所有浏览器都支持 ismap 属性。
语法
<img ismap>