HTML图像地图仍然使用?

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

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

还是有更新的,更好的select?

是的,人们仍然使用图像地图。 另一种方法是使用绝对定位和CSS定位元素,但不一定更好。 它也不允许你像图像地图一样的形状

他们在HTML5规范 ,所以他们不会被弃用。

你仍然可以自由地使用它们,它们当然在web开发中也占有一席之地。 或者我可以说,这些罕见的情况下,你可以用图像映射最好地解决问题。

是的HTML图像地图是很好,尤其是如果你想你的地区是一个多边形。 你可以添加翻转效果到你的地图以及JavaScript。 这里有一个很好的教程和演示:

http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484

使用CSS或图像映射的另一种解决scheme是使用embedded在HTML DOM中的SVGgraphics。

本教程介绍了如何使用此技术实现鼠标hover效果的教程: http : //www.petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs

关键在于SVG元素也触发了传统的dom事件,包括onmouseoveronmouseout

图片地图仍然是HTML5规范,所有浏览器都支持。

他们可以适应使用jQuery RWD图像映射的响应式devise: https : //github.com/stowball/jQuery-rwdImageMaps

它检测并自动调整图像地图坐标。

它也可以作为插件的WordPress开发者: http : //wordpress.org/plugins/responsive-image-maps/

简单有效的解决scheme。

是的,我仍然使用图像地图,但是我上一个项目使用了Raphaël。 搞点东西并运行起来很容易。

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

从他们的网站:

Raphaël['ræfeɪəl]使用SVG W3C Recommendation和VML作为创buildgraphics的基础。 这意味着您创build的每个graphics对象也是一个DOM对象,所以您可以附加JavaScript事件处理程序或稍后修改它们。 Raphaël的目标是提供一个适配器,使绘图vector艺术兼容跨浏览器和简单。

很好的简单图像映射示例:

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

虽然我很less看到他们已经在现代网站上使用,但他们似乎被我的客户用在他们的电子邮件活动中。 但是,我注意到,并确认移动设备上的坐标系存在一些缩放问题。

**我知道这个post已经老了,我只是对最近的一个电子邮件广告系列问题做了一些额外的研究,并认为这可能会帮助其他人。

图像地图是相当有趣的HTML和HTML5选项,他们仍然在使用,我个人喜欢它,因此我发现在移动设备issuse我的问题是相关的缩放

是的,我有经验,但我自己,但我是一个学生在html html5注册和开球我想跟随w3chools链接

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

你会从这个页面获得很多