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>.
<map>不推荐使用name属性.事实上,它甚至是HTML5规范<map>的一部分.
还有XHTML!= HTML5.
最后,不要使用W3schools作为参考.相反,请使用Mozilla开发人员网络.
要获得高质量的文档,请在关键字前添加或附加"mdn",例如"mdn image map".