人们还在使用旧的 HTML 图像映射吗？那些：
<map name="test" id="test">
<area shape="poly" alt="" title="" coords=...
还是有更新、更好的选择？
问问题
86704 次
9 回答
54
是的，人们仍然使用图像地图。另一种方法是使用绝对定位和 CSS 来定位元素，但这不一定更好。它也不允许您拥有像图像地图中的形状
于 2011-03-09T17:14:20.090 回答
46
它们在 HTML5 规范中，因此不会被弃用。
你仍然可以自由地使用它们，它们当然仍然在 Web 开发中占有一席之地。或者我可以说，在那些极少数情况下，您可以使用图像映射来最好地解决问题。
于 2011-03-09T17:23:18.113 回答
22
使用 CSS 或图像映射的另一种解决方案是使用嵌入到 HTML dom 中的 SVG 图形。
本教程中描述了如何使用此技术实现鼠标悬停效果的一个教程：http ://www.petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs
关键的一点是 SVG 元素也会触发传统的 dom 事件，包括onmouseover和onmouseout。
于 2013-06-20T20:01:08.197 回答
18
是的 html 图像地图很好，特别是如果你希望你的区域是一个多边形。您也可以使用 javascript 为您的地图添加翻转效果。这里有一个很好的教程和演示：
http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484
于 2011-03-09T17:20:50.927 回答
10
图像映射仍采用 HTML5 规范，所有浏览器都支持。
它们可以使用 jQuery RWD Image Maps 适应响应式设计： https ://github.com/stowball/jQuery-rwdImageMaps
它检测并自动调整图像地图坐标的大小。
它也可以作为插件供 Wordpress 开发人员使用： http ://wordpress.org/plugins/responsive-image-maps/
简单有效的解决方案。
于 2013-09-12T20:51:56.857 回答
10
是的，我仍然使用图像映射，但是我的上一个项目使用了 Raphaël。启动并运行某些东西非常容易。
http://dmitrybaranovskiy.github.io/raphael/
从他们的网站：
Raphaël ['ræfeɪəl] 使用 SVG W3C Recommendation 和 VML 作为创建图形的基础。这意味着您创建的每个图形对象也是一个 DOM 对象，因此您可以附加 JavaScript 事件处理程序或稍后修改它们。Raphaël 的目标是提供一个适配器，使绘图矢量艺术跨浏览器兼容且容易。
漂亮的简单图像地图示例：
于 2015-10-04T09:40:49.450 回答
4
虽然我很少再看到它们在现代网站上使用，但我的客户似乎确实在他们的电子邮件活动中使用了它们。但是，我注意到并确认移动设备上的坐标系存在一些缩放问题。
** 我知道这个线程很旧，我只是针对最近的电子邮件活动问题对此进行了一些额外的研究，并认为它可能会帮助其他人。
第三方编辑
litmus.com上关于图像映射支持的问题来自 04/2014
图像映射不支持 ALT 标记，当未加载图像时，某些客户端中不会显示 ALT 文本。
图像地图的使用通常会导致使用大图像，这可能会导致可交付性问题并阻碍下载速度（对移动用户尤其重要）。
最重要的是，iOS（iphone/ipad）在缩放图像时不会缩放图像映射链接坐标，这会破坏链接。由于 iOS 代表了大部分打开的电子邮件（iPhone + iPad = 38% 通过http://emailclientmarketshare.com/），这很重要。
于 2015-12-05T14:46:21.623 回答
0
是的，它仍然使用
图像地图允许用户通过单击图像的不同部分来超链接到许多页面。只需使用图像地图，我们就可以创建与同一图像的特定区域相关的坐标列表，并将超链接提供给不同的位置。通过在单个图像中使用它，我们提供了多个链接。
于 2018-06-29T21:19:08.387 回答
-2
图像映射是 html 和 html5 中非常有趣的选项，它们仍在使用中，我个人很喜欢它，因此我发现在移动设备中存在问题，我的问题与缩放有关
是的，我亲身体验过，但是我是一名注册 html html5 的学生，对于初学者，我想关注 w3chools 链接
http://www.w3schools.com/html/html_images.asp
你会从这个 [page
于 2016-03-13T10:23:12.137 回答