人们仍然使用旧的HTML图片地图吗?那些:
<map name="test" id="test">
<area shape="poly" alt="" title="" coords=...
或者是否有更新,更好的选择?
答案 0 :(得分:52)
是的,人们仍然使用图像地图。另一种方法是使用绝对定位和CSS来定位元素,但这不一定更好。它也不允许你有像图像地图那样的形状
答案 1 :(得分:45)
They are in the HTML5 specification,因此不会弃用它们。
您仍然可以自由使用它们,它们当然仍然在Web开发中占有一席之地。或者我可以说,在那些罕见的情况下,你可以用图像地图最好地解决问题。
答案 2 :(得分:18)
使用CSS或图像映射的另一种解决方案是利用嵌入到HTML dom中的SVG图形。
本教程中介绍了一个如何使用此技术实现鼠标悬停效果的教程:http://www.petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs
关键的一点是,SVG元素也会触发传统的dom事件,包括 onmouseover 和 onmouseout 。
答案 3 :(得分:17)
是的html图像地图很好,特别是如果你想要你的区域是一个多边形。您可以使用javascript向地图添加翻转效果。这里有一个很好的教程和演示:
http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484
答案 4 :(得分:11)
图片地图仍为HTML5规范,并受所有浏览器支持。
它们可以适应使用jQuery RWD图像映射的响应式设计: https://github.com/stowball/jQuery-rwdImageMaps
它会检测并自动调整图像地图坐标的大小。
它也适用于Wordpress开发人员作为插件: http://wordpress.org/plugins/responsive-image-maps/
简单有效的解决方案。
答案 5 :(得分:7)
是的,我仍然使用图像地图,但是我的上一个项目使用了Raphaël。让事情好起来很容易。
http://dmitrybaranovskiy.github.io/raphael/
从他们的网站:
Raphaël['ræfeɪəl]使用SVG W3C推荐标准和VML作为基础 用于创建图形。这意味着您创建的每个图形对象都是 也是一个DOM对象,因此您可以附加JavaScript事件处理程序或 稍后修改它们。 Raphaël的目标是提供一个适配器 使绘图矢量艺术兼容跨浏览器,轻松。
漂亮的简单图像映射示例:
答案 6 :(得分:5)
虽然我很少看到它们在现代网站上使用,但我们的客户似乎在他们的电子邮件活动中使用它们。但是,我注意到了,confirmed移动设备上的坐标系存在一些扩展问题。
**我知道这个帖子已经过时了,我只是对最近的电子邮件广告系列问题进行了一些额外的研究,并认为这可能有助于其他人。
答案 7 :(得分:0)
是的,它仍然使用
图像地图允许用户通过单击图像的不同部分来超链接到许多页面。仅通过使用图像地图,我们就可以创建与同一图像的特定区域有关的坐标列表,并将超链接指定给其他位置。通过在单个图像中使用它,我们可以提供多个链接。
答案 8 :(得分:-1)
图像地图在html和html5中是非常有趣的选项它们仍然在使用,我个人喜欢它因此我发现在移动设备中使用我的问题是关于缩放
是的,我有自己的经验但是我是一名注册了html html5的学生,而且对于初学者我想关注w3chools链接
http://www.w3schools.com/html/html_images.asp
你会从这个[页面
获得很多