如何在图像上放置按钮

Question

在HTML5中，是否有方法在图像上添加按钮？

例如这里是我的HTML，

<div><a href="http://www.website.com/family/"> 
    <img src="http://www.website.com/accordian.jpg" alt="image" /> 
</a></div> 

还是有一种方法，使图像链接的一部分到另一页，图像的另一部分链接到不同的网页？我正在考虑修改图像并放入按钮图像，并将图像的这一部分链接到弹出式视频。

此外，如何让此视频出现在弹出式窗口中？

<video width="651" height="358" controls> 
<source src="www.website.com/accordian.mp4" type="video/mp4"> 
<object data="www.website.com/accordian.mp4" width="320" height="240"> 
</object> 
</video> 

Answer 1

您可以使用Html区域，您可以在图像上设置坐标并在该区域设置链接。 参见示例：

<img src ="http://www.website.com/accordian.jpg" alt="image" 
usemap="#imagemap"> 

<map name="imagemap"> 
<area shape="rect" coords="0,0,50,100" href="http://www.website.com/family/" alt="Link"> 
</map>