2

我有这样嵌入的图像和地图：

<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 是<!DOCTYPE html>.

4

2 回答 2

8

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

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

于 2012-06-22T12:24:16.923 回答
0

试着放

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

代替

usemap="planetmap" />

在 Firefox 11 中它可以工作。

于 2012-06-22T12:28:55.360 回答