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

Yat*_*wal 2 html browser syntax imagemap

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

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="planetmap" />
<map id="planetmap">
  ...
Run Code Online (Sandbox Code Playgroud)

它不起作用.我尝试使用该name属性map:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
  ...
Run Code Online (Sandbox Code Playgroud)

它奏效了!即使这样:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
<map id="planetmap">
  ...
Run Code Online (Sandbox Code Playgroud)

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

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

HTML和XHTML之间的差异

在XHTML中,不推荐使用标记的name属性,并将其删除.请改用> id属性

我的DOCTYPE是<!DOCTYPE html>.

Rob*_*b W 8

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

还有XHTML!= HTML5.
最后,不要使用W3schools作为参考.相反,请使用Mozilla开发人员网络.
要获得高质量的文档,请在关键字前添加或附加"mdn",例如"mdn image map".

  • MDN的参考当然是全面但非常技术性的,我发现SitePoint比W3c准确得多,并且比MDN更具可读性:http://reference.sitepoint.com/html (2认同)