图像映射不能按 ID 引用



我嵌入了图像和地图:

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

它不起作用。我尝试将 name 属性用于map

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

它奏效了!即使这样:

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

工作,尽管仅在IE9中而不是在Chrome中。是因为Chrome不支持它还是仅仅因为IE的引擎很草率?

我在这里做错了什么?W3Schools明确建议使用id属性而不是name

HTML 和 XHTML 之间的差异

在 XHTML 中,标记的 name 属性已弃用,并将被删除。改用> id 属性

我的文档类型是<!DOCTYPE html>

不推荐使用 <map> 的名称属性。事实上,它甚至是HTML5规范的一部分 <map>

还有XHTML != HTML5。
最后,不要使用W3schools作为参考。相反,请使用 Mozilla 开发者网络。
要获得高质量的文档,请在关键字前面加上或附加"mdn",例如"mdn 图像映射"。

尝试将

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

而不是

usemap="planetmap" />

在火狐1中它可以工作。

最新更新