您当前位置: 主页 / Dog 博客 / 存档

图片地图,有人用吗?

2003年12月17日 星期三 (下午4:40 GMT)

maparea 标签真是奇怪的小东西。

我过去曾认为图片地图——即图像上带有各种可点击链接的区域——是给那些不懂如何正确建站的人准备的,他们的想法是把一张大图放在页面上,然后在上面乱加链接。

我现在没那么瞧不起了,但也不能说我没见过多少图片地图的良好应用,而且我肯定很多年没用过它们了(尽管最近我在做一个大型商业网站,其中就有一个极其疯狂地使用了图片地图,里面包含了好几个图形化的文本链接)。

这些标签肯定显得完全不必要,尤其是当有更好的方法来做这些事情的时候。

评论

评论1

我认为图片地图仍然有它的用途。以 A List Apart 文章中的例子来说。我认为 CSS 方法更好,因为它实际上是一个正常的导航系统,而由于设计的原因,它非常适合使用图片地图来实现。在这种情况下,使用 CSS 实现是一个很好的解决方案,因为导航可以根据需要重新样式化,使其看起来完全不同。

另一方面,用作视觉辅助来帮助用户查找信息的图片地图(例如,一张可点击的世界地图)是完全不同的事情。在这种情况下,使用图片地图是最合适的,因为它传达了一种含义,并且是用户有用的视觉辅助。

在这种情况下使用图片地图的优势在于,一个区域可以是任意形状,例如可以匹配国家的非矩形形状。这在使用 CSS 时是不可能的。

我认为区分图片地图的正确和错误用法很重要,但我认为它们在 HTML 中确实有它们的位置。

Dan Webb 于2003年12月18日 星期四 上午10:52 GMT 如是说。

评论2

好吧,是的,仔细想想,图片地图比我最初认为的更有有效的用途。正如我所见,这些有效的用途是针对需要非矩形可选区域(因为如前所述,矩形区域可以更好地用 CSS 处理)的非常具体的详细图像,例如世界地图,正如 Dan 所说。

Patrick 于2003年12月18日 星期四 下午8:49 GMT 如是说。

评论3

这种技术的真正强大之处不在于如何不使用 <map> 和 <area> 标签来构建图片地图——这是一种相当无意义的练习,因为 (X)HTML 本身就内置了所有相同的功能。关键在于你可以采取一个 <ul> 并在适当的时候将其样式化为图片地图,在不适当的时候则样式化为其他东西。很快你就会在 CSS Garden 中看到一些可点击的图片地图了!

Chris Hunt 于2003年12月23日 星期二 下午2:38 GMT 如是说。

评论4

图片地图是一种在图像上提供链接的绝妙技术。通过这种方式,我们可以最好地表达我们想要说的内容。

Andrew Moll 于2004年10月6日 星期三 下午5:36 GMT 如是说。

另请参阅

^ 顶部

SiteGround: Fast, reliable, recommended hosting.