html - 如何将超链接添加到我的 jpg 图像的一部分

Question

我有一张 jpg 图片，里面有两个可点击的链接食物菜单和饮料菜单。我怎样才能分别为他们两个添加超链接。非常感谢

编辑:有什么方法可以让它也适用于响应式图像吗？

Answer 1

使用 image map

<img src="myimage.jpg" usemap="#mymap">

<map name="mymap">
  <area shape="rect" coords="1498,1596,1142,1510" href="foo.htm" alt="Foo">
  <area shape="rect" coords="2092,1596,1636,1510" href="bar.htm" alt="Bar">
</map>

上面例子中的坐标很眼球。