gpt4 book ai didi

html - 带有 anchor 链接的电子邮件在 gmail 上不起作用,并且索引了我的 "#"链接?

转载 作者:行者123 更新时间:2023-11-28 03:33:46 24 4
gpt4 key购买 nike

我正在设计一个具有效果的电子通讯 like this按照我客户的指示。

我知道没有办法在电子邮件中使用 javascript,所以我尝试用一​​种愚蠢的方式来实现它,使用 overflow:hidden和 anchor 标签。当我单击相应的链接时,隐藏的图像将向上滚动到可见区域。这是我的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>demot</title>
<style type="text/css">
.OF {
display:block;
max-height: 100px;
overflow: hidden;
white-space:nowrap;
}
</style>
</head>

<body>
<!-- Save for Web Slices (News_Letter_artwork.jpg) -->
<table id="Table_01" width="595" height="434" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="images/News_Letter_artwork_01.jpg" width="595" height="155" alt=""></td>
</tr>
<tr style="display:block;">
<td>
<img src="images/News_Letter_artwork_02.jpg" width="50" height="37" alt=""></td>
<td>
<A href="#tab_01"><span><font><img src="images/News_Letter_artwork_03.jpg" width="118" height="37" alt=""></font></span></A></td>
<td>
<A href="#tab_02"><span><img src="images/News_Letter_artwork_04.jpg" width="118" height="37" alt=""></span></span></A></td>
<td>
<A href="#tab_03"><span><img src="images/News_Letter_artwork_05.jpg" width="121" height="37" alt=""></span></span></A></td>
<td>
<img src="images/News_Letter_artwork_06.jpg" width="188" height="37" alt=""></td>
</tr>
<tr style="display:block; max-width: 595px; max-height: 186px; overflow: hidden; white-space:nowrap;">
<td colspan="5">
<h2><a name="tab_01" id="tab_01"></a></h2><img src="images/News_Letter_artwork_07.jpg" width="595" height="186" alt=""><p>
<h2><a name="tab_02" id="tab_02"></a></h2><img src="images/News_Letter_artwork_07b.jpg" width="595" height="186" alt=""><p>
<h2><a name="tab_03" id="tab_03"></a></h2><img src="images/News_Letter_artwork_07c.jpg" width="595" height="186" alt=""><p>
</td>
</tr>
<tr>
<td colspan="5">
<img src="images/News_Letter_artwork_08.jpg" width="595" height="56" alt=""></td>
</tr>
</table>
</body>
</html>

关于大多数客户端不支持 div 标签,所以我厌倦了使用表格来制作它,实际上,一切都在浏览器中工作,但是 <a>标签的 href将在 #tab_01 的电子邮件客户端中被替换至 http://mydomain/news.html#tab_01 .

当我在电子邮件客户端上单击它时,它会打开一个新的浏览器窗口,这根本不是我想要的。有可能修复吗?

这是我发送邮件的程序:

  1. 将整个网站上传到服务器
  2. 打开页面
  3. 全选并复制
  4. 粘贴以组成窗口,然后发送。

我做错了什么吗?我已经测试了 Gmail、Hotmail (outlook.com)、Yahoo、Apple 邮件、Outlook 2011 for Mac。

最佳答案

我在使用自己的电子邮件时遇到了问题,并提出了这个最低限度的工作示例,如果您捕获这个示例并使用 putsmail ( https://putsmail.com/tests/) 对其进行测试,您会发现这与大多数互联网 gmail 的共识相反确实支持使用内容 anchor 。

我在一个更复杂的电子邮件中使用了相同的原则,发现这有点挑剔,所以我选择保留我的 anchor 名称没有下划线并检查电子邮件中的有效 html:它似乎工作正常.

我知道这不是 Ops 问题的明确答案,但由于这是一个导致错误结论的 7 年问题,我觉得将其留在这里会更有成效。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="pt-br">
<head>
<title>ANCHOR TEST</title>
<meta charset="utf-8">
</head>
<body>
<a href="#01" >ANCHOR 1</a><br/>
<a href="#test01" >ANCHOR 2</a><br/>
<a href="#test_01" >ANCHOR 3</a><br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<a name="01" id="01" >destination 1</a><br/>
<a name="test01" >destination 2</a><br/>
<span name="test_01" >destination 3</span><br/>
</body>
</html>

关于html - 带有 anchor 链接的电子邮件在 gmail 上不起作用,并且索引了我的 "#"链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15895550/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com