影像地图并不在谷歌浏览器工作

Question

任何一个可以告诉我在哪里的错误是在这个HTML编码？

https://newmedia.leeds.ac.uk/ug10/cs10jy/portfolio/studenthands/imagemap.html

我已经写了这个代码，但我不能似乎看到我在线上寻找和以下教程后去错了...

<img src ="images/socialnetwork.png"
width="220" border="0"
usemap ="#socialmap" />

<map id ="socialmap"
name="socialmap">
<area shape ="poly" coords ="77,83,163,127"
 href ="https://www.facebook.com/StudentHands" target="_blank" />
<area shape ="poly" coords ="1,105,75,153"
href ="https://twitter.com/StudentHands" target="_blank" />
</map>

任何帮助将非常感谢！

Answer 1

<area shape ="poly" coords ="77,83,163,127"
 href ="https://www.facebook.com/StudentHands" target="_blank" />

坐标犯规形成多边形它可以只是做一个线。的COORDS被取为 “X1，Y1，X2，Y2，...... XN，YN”，其中n> = 3

Answer 2

在地图中的代码中删除属性和=之间的换行符和空格。这应该帮助。

尝试这个

<img src="images/socialnetwork.png" width="220" border="0" usemap="#socialmap" />

<map id="socialmap" name="socialmap">
<area shape ="poly" coords ="77,83,163,127" href ="https://www.facebook.com/StudentHands" target="_blank" />
<area shape ="poly" coords ="1,105,75,153" href ="https://twitter.com/StudentHands" target="_blank" />
</map>

Answer 3

更改与name属性映射标签的ID属性，它会工作