我在html的图像中使用了地图标记。链接到网站:www.quadrotian.com
这里的问题是,点击时显示的社交平台符号转到与站点地址连接的地址。这是代码:
<div class="subscribe">
<h2>Follow Us : </h2>
<div class="contact-form">
<center>
<img src="images/socialbuttons.png" usemap="#follow" hidefocus="true" style="outline: none;">
<map name="follow" style="outline: none;">
<area shape="circle" coords="49,23,19" href="www.instagram.com/Quadrotian" target="_blank" alt="Instagram" style="outline: none;">
<area shape="circle" coords="97,23,19" href="www.facebook.com/Quadrotian" target="_blank" alt="Facebook" style="outline: none;">
<area shape="circle" coords="149,23,19" href="www.pinterest.com/Quadrotian" target="_blank" alt="Pinterest" style="outline: none;">
<area shape="circle" coords="201,23,19" href="www.twitter.com/Quadrotian" target="_blank" alt="Twitter" style="outline: none;">
<area shape="circle" coords="251,23,19" href="www.plus.google.com/Quadrotian" target="_blank" alt="Google Plus" style="outline: none;">
<area shape="circle" coords="303,23,19" href="#" alt="LinkedIn">
</map>
</center>
</div>
</div>