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 для добавления ссылок на определенное место на изображении. Загрузили разрезанные разделы на веб-сайте хостинга изображений и использовали гиперссылки в теге . Но конечные результаты имели пробел в связанной области. Можно ли это решить? Помощь будет высоко оценена. Спасибо –

Можете ли вы разместить JSFiddle своего html? Поэтому я вижу, что случилось. (jsfiddle.net) – Mario

В изображении есть некоторая конфиденциальная информация, которую мне не разрешено делиться. Однако это ссылка на скриншот http://s1381.photobucket.com/user/shrijanaryal123/media/paystub1_zpsa6gnzxua.png.html ошибки. –

HTML <map> тег не работает с почтовым клиентом Outlook

ответ

Смежные вопросы