HTML無法獲取「target_blank」以在圖像映射中工作

-1

我試圖創建一個圖像映射，格式化爲當地圖上的某個區域被點擊時，瀏覽器會在新選項卡中打開選定的鏈接。HTML無法獲取「target_blank」以在圖像映射中工作

我知道使用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>

來源

2017-05-14 Edward Curran

實際圖像映射使用'area'元素來定義的點擊敏感的區域，而不是'了'。 – CBroe

奇怪工作。我嘗試使用和圖像映射函數 - 只是編輯代碼來說明 - 它仍然像往常一樣工作，但仍然不是。 –

我不能用你的形象，因爲它不是提供。

地圖不會被添加到註釋中提到的div中，需要使用區域標記，然後 it works well。

此處帶有隨機矩形形狀上的鏈接的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/[email protected]?v=73d79a89bded" width="400" alt="pdx_1852" usemap="#pdx"/> 
    </p>

而且，因爲我不知道你在哪裏運行它，心裏有一些遊樂場等，其中你寫這樣的代碼會阻止鏈接的工作網站。像這樣在這裏也...

 <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/[email protected]?v=73d79a89bded" width="400" alt="pdx_1852" usemap="#pdx"/> 
 
     </p>

來源

2017-05-14 17:26:46 vv01f

我會被詛咒，它的工作，但只有當「形狀」在「區域」後出現時 - 當我有區域href先形狀等，它不起作用。謝謝！ –

只是爲了證明你錯誤的假設，繼續jsfiddle鏈接，你會發現情況並非如此。屬性順序在xml中完全沒有關係。 – vv01f

很奇怪。好吧，它現在工作，所以我很興奮。我確實注意到，我確實從鏈接的緩存副本獲得了一些靜態，所以我必須清除瀏覽歷史記錄才能使其有效。此外，我正在使用neocities，也許有一些內置函數我不知道。無論如何，感謝您的幫助和樣品！ –

HTML無法獲取「target_blank」以在圖像映射中工作

回答

相關問題