HTML可以'；“得不到”；目标为“空白”；在图像地图中工作_Html_Target_Imagemap

HTML可以'；“得不到”；目标为“空白”；在图像地图中工作

html

HTML可以'；“得不到”；目标为“空白”；在图像地图中工作,html,target,imagemap,Html,Target,Imagemap,我正在尝试创建一个图像地图，其格式是，当单击地图上的某个区域时，浏览器会在新选项卡中打开所选链接我知道使用target_blank属性来实现这一点，当我有一个特定的图像作为“按钮”时，它就可以工作了。但我不知道如何让它在图像地图上工作附带的代码可以作为图像映射使用，但我想包括在新选项卡中打开链接的功能代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </

我正在尝试创建一个图像地图，其格式是，当单击地图上的某个区域时，浏览器会在新选项卡中打开所选链接

我知道使用target_blank属性来实现这一点，当我有一个特定的图像作为“按钮”时，它就可以工作了。但我不知道如何让它在图像地图上工作

附带的代码可以作为图像映射使用，但我想包括在新选项卡中打开链接的功能

代码如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  </head>
  <body>
    <div>
       <map name="pdx">
         <area href="https://en.wikipedia.org/wiki/Main_Page" alt="wiki"
target="_blank" shape="rect" coords="300,200,400,800"> 
      </map>
   </div>
   <p>
       <img src="/1st-stark1852WebCover.jpg" width="1800" alt="pdx_1852"   usemap="#pdx"/>
   </p>
</body>
</html>

我无法使用您的图像，因为它不可用

如注释中所述，地图不会添加到div中，需要区域标记，然后再添加

这里的stackoverflow图标带有随机矩形形状上的链接

  <div>
       <map name="pdx">
         <area href="https://en.wikipedia.org/wiki/Main_Page" alt="wiki"
target="_blank" shape="rect" coords="100,100,200,200"> 
      </map>
   </div>
   <p>
       <img src="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded" width="400" alt="pdx_1852"   usemap="#pdx"/>
   </p>

由于我不知道您在哪里运行它，请记住，您编写此类代码的一些类似于游乐场的网站将阻止链接工作。就像这里一样

实际的图像地图使用

区域

元素来定义点击敏感区域，而不是

。工作起来也很奇怪。我试过使用和图像映射功能-只是编辑代码来说明-它像往常一样工作，但仍然不是。我会被诅咒，它工作，但只有当“形状”在“区域”之后出现时-当我有区域href，然后是形状，等等。它不工作。谢谢为了证明你在这个假设上是错误的，继续使用JSFIDLE链接，你会发现事实并非如此。在xml.com中，属性顺序根本不重要。好吧，它现在起作用了，所以我很兴奋。我确实注意到，我确实从链接的缓存副本中获得了一些静态信息，所以我必须清除浏览历史记录，使其有时能够工作。此外，我正在使用neocities，也许有一些内置函数我不知道。无论如何，感谢您的帮助和样品！