HTML邮件中的链接在浏览器外不可点击



我正在发送一封电子邮件公告,这是一张图像,我在在线托管后转换为HTML并将其映射为添加可点击区域。

它在电脑和手机上看起来都很完美。不幸的是,可点击区域似乎只有在浏览器中查看电子邮件或从桌面查看网络邮件时才有效。

当在移动设备上打开电子邮件时(无论是在移动应用程序还是在移动浏览器上),或者在桌面通过邮件应用程序(如Outlook应用程序)查看电子邮件时,这些链接是不可点击的。

我的代码有问题吗?

编辑:非常感谢大家的回答!我真的很感激。

<img src="https://www.jlgc.org.uk/en/wp-content/uploads/2021/08/JET-Alumni-Careers-Fair-Default-announcement-768x2172.png" usemap="#image-map">
<map name="image-map">
<area target="" alt="https://www.eventbrite.co.uk/e/152680281833" title="https://www.eventbrite.co.uk/e/152680281833" href="https://www.eventbrite.co.uk/e/152680281833" coords="285,537,490,625" shape="rect">
<area target="" alt="https://www.eventbrite.co.uk/e/152680281833" title="https://www.eventbrite.co.uk/e/152680281833" href="https://www.eventbrite.co.uk/e/152680281833" coords="281,1558,488,1649" shape="rect">
<area target="" alt="https://www.linkedin.com/groups/9061378/" title="https://www.linkedin.com/groups/9061378/" href="https://www.linkedin.com/groups/9061378/" coords="257,1339,420,1377" shape="rect">
<area target="" alt="https://forms.gle/MFK1U2XzE3G4vAscA" title="https://forms.gle/MFK1U2XzE3G4vAscA" href="https://forms.gle/MFK1U2XzE3G4vAscA" coords="440,1766,505,1803" shape="rect">
<area target="" alt="https://www.jetaa.org.uk/events/uk-jet-returnees-online-careers-fair-2020/" title="https://www.jetaa.org.uk/events/uk-jet-returnees-online-careers-fair-2020/" href="https://www.jetaa.org.uk/events/uk-jet-returnees-online-careers-fair-2020/" coords="252,1848,468,1884" shape="rect">
<area target="" alt="https://www.linkedin.com/company/69498145/" title="https://www.linkedin.com/company/69498145/" href="https://www.linkedin.com/company/69498145/" coords="154,2121,31" shape="circle">
<area target="" alt="https://twitter.com/jlgclondon" title="https://twitter.com/jlgclondon" href="https://twitter.com/jlgclondon" coords="308,2122,30" shape="circle">
<area target="" alt="https://www.facebook.com/jlgclondon" title="https://www.facebook.com/jlgclondon" href="https://www.facebook.com/jlgclondon" coords="471,2121,30" shape="circle">
<area target="" alt="https://www.instagram.com/jlgclondon" title="https://www.instagram.com/jlgclondon" href="https://www.instagram.com/jlgclondon" coords="621,2121,31" shape="circle">
</map>

Email不支持任何可以在浏览器中使用的html标签。

想知道在邮件中使用哪些标签是安全的,你也可以看看这个答案。

不支持map标记。事实是Outlook使用Word来呈现邮件正文。在以下文章中阅读更多关于受支持和不受支持的HTML元素、属性和层叠样式表属性的信息:

  • Outlook中的Word HTML和CSS渲染功能(1/2)
  • Outlook中的Word HTML和CSS渲染功能(2/2)

最新更新