HTML图像地图仍在使用吗?

时间:2011-03-09 17:12:49

标签: html html5 imagemap

人们仍然使用旧的HTML图片地图吗?那些:

<map name="test" id="test">
<area shape="poly" alt="" title="" coords=...

或者是否有更新,更好的选择?

9 个答案:

答案 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的目标是提供一个适配器   使绘图矢量艺术兼容跨浏览器,轻松。

漂亮的简单图像映射示例:

http://dmitrybaranovskiy.github.io/raphael/australia.html

答案 6 :(得分:5)

虽然我很少看到它们在现代网站上使用,但我们的客户似乎在他们的电子邮件活动中使用它们。但是,我注意到了,confirmed移动设备上的坐标系存在一些扩展问题。

**我知道这个帖子已经过时了,我只是对最近的电子邮件广告系列问题进行了一些额外的研究,并认为这可能有助于其他人。

答案 7 :(得分:0)

是的,它仍然使用

图像地图允许用户通过单击图像的不同部分来超链接到许多页面。仅通过使用图像地图,我们就可以创建与同一图像的特定区域有关的坐标列表,并将超链接指定给其他位置。通过在单个图像中使用它,我们可以提供多个链接。

More

答案 8 :(得分:-1)

图像地图在html和html5中是非常有趣的选项它们仍然在使用,我个人喜欢它因此我发现在移动设备中使用我的问题是关于缩放

是的,我有自己的经验但是我是一名注册了html html5的学生,而且对于初学者我想关注w3chools链接

http://www.w3schools.com/html/html_images.asp

你会从这个[页面

获得很多