HTML <map>標籤不與Outlook電子郵件客戶端

工作我想用電子郵件就可以點擊鏈接HTML格式的照片。我用下面的代碼HTML <map>標籤不與Outlook電子郵件客戶端

<!DOCTYPE html> 
<html> 
<head> 
<title> Document Title </title> 
<body> 
<img src="online photohosting URL" alt="" usemap="#Map" /> 
<map name="Map" id="Map"> 
    <area alt="" title="" href="outlet URL to this specific area of image" shape="rect" coords="280,348,145,213" /> 
    [...] 
</map> 
</body> 
</title> 
</head> 
</html>

它的工作原理，當我將它保存爲HTML格式，並在瀏覽器中打開，但是當我插入HTML文件作爲Outlook的文本，收件人只能看到圖像而不是地圖。是否需要修改代碼？或者還有其他解決方法嗎？謝謝

來源

2016-07-15 Shrijan Aryal

典型的電子郵件客戶端不支持完整的HTML元素等。通常，你應該儘量保持簡單的電子郵件的 – Liam

回答這，[Outlook不支持它。（http://stackoverflow.com/questions/11311471/where-image-map-is-not-supported） – Liam

您可能遇到過一些電子郵件，您可以通過點擊鏈接獲取圖片。如果你知道，你能告訴我他們是如何完成的嗎？ –

Outlook有此不支持。你應該保持儘可能簡單的HTML電子郵件。

但是例如，您可以削減圖像中的部分，所以你可以重組所有的人都在使用表HTML標籤的原始圖像中，然後就可以在單一的部分鏈接到不同的鏈接。這對電子郵件中的HTML圖像地圖來說是相當可接受的解決方法。

來源

2016-07-15 14:37:04 Mario

您好我就照你說的，但最終的圖像出現失真。我使用Photoshop的切片工具在圖像上的特定位置添加鏈接。上載圖像託管網站上的切片部分，並使用標籤中的超鏈接。但最終結果在鏈接地區有空白。這能解決嗎？幫助將不勝感激。謝謝 –

你可以發佈你的html的JSFiddle嗎？所以我可以看到什麼是錯的。（jsfiddle.net） – Mario

圖片中有一些我不被允許分享的機密信息。然而，這是鏈接到錯誤的屏幕截圖http://s1381.photobucket.com/user/shrijanaryal123/media/paystub1_zpsa6gnzxua.png.html。 –

HTML <map>標籤不與Outlook電子郵件客戶端

回答

相關問題