我嵌入了图像和地图:
<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中它可以工作。