地图HT​​ML问题中的区域href标记

时间:2017-01-07 15:55:20

标签: html css

我在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>

0 个答案:

没有答案