图像映射不能通过ID引用？

Question

我有一个图像和嵌入的地图：

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="planetmap" />
<map id="planetmap">
  ...

它无法正常工作。我尝试使用name的{​​{1}}属性：

map

它有效！即便如此：

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
  ...

虽然只在IE9中使用，但在Chrome中却没有。是因为Chrome不支持它还是因为IE的引擎很邋？？

我在这里做错了什么？ W3Schools explicitly recommends使用<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" /> <map id="planetmap"> ... 属性而不是id：

  

HTML和XHTML之间的差异

     

在XHTML中，不推荐使用该标记的name属性，并将其删除。使用＆gt; id属性改为

我的DOCTYPE是name。

Answer 1

不推荐使用<map>的name属性。事实上，它甚至是part of the HTML5 specification for <map>。

另外XHTML！= HTML5。
最后，不要使用W3schools作为参考。相反，请使用Mozilla Developer Network 要获得高质量的文档，请在关键字前加上或添加“mdn”，例如： "mdn image map"

Answer 2

尝试放

....usemap="#planetmap" border=0 />

而不是

usemap="planetmap" />

在Firefox 11中可行。