HTML电子邮件:使用可点击表格

HTML电子邮件:使用可点击表格,第1张

概述我正在构建一个 HTML电子邮件,并希望整个表可以点击. 我已经提出了一个JavaScript解决方案来做到这一点,它运行得很好但是我更喜欢将表包装在标签中而不是使用JavaScript. <a href="#"> <table border="0"> <tr> <td style="width: 100px; height: 100px"> </td> 我正在构建一个 HTML电子邮件,并希望整个表可以点击.

我已经提出了一个JavaScript解决方案来做到这一点,它运行得很好但是我更喜欢将表包装在标签中而不是使用JavaScript.

<a href="#">  <table border="0">   <tr>    <td >    </td>             </tr>   </table></a>

这在firefox中运行得很好,虽然它不是有效的HTML,因为我在一个内联的一个()中包含一个块级元素().

我目前没有办法在所有电子邮件平台上测试这个,所以想知道是否有任何已知的电子邮件平台不支持这种方法?

任何帮助将不胜感激.

如果有人正在寻找一个JavaScript解决方案来执行相同的功能,那么下面是一个:

<HTML>                <head>                <Title></Title>                <script type="text/JavaScript">                function link(url){                alert("url is "+url);                }                </script>                </head>                <body>                <table  border="0" onclick="link('test url');" onmouSEOver="this.style.cursor='pointer';">                  <tr>                    <td >This is a </td>                    <td >test </td>                    <td >table </td>                  </tr>                </table>                </body>            </HTML>
解决方法 这适用于firefox,因为在HTML5中,您可以围绕块元素(< table>)包装链接.

但是,在电子邮件中,您仍然坚持使用HTML4,以及它的一个非常有限的子集.这包括使用JavaScript – 这在Gmail,Yahoo,Outlook和所有其他大型邮件客户端中不起作用.

所以你有两个选择:

>将表保存为图像,然后将链接标记包裹起来.缺点是图像关闭时您的文本不会显示.
>使表格中的所有内容都可以点击 – 即在文本的所有位置重复“a”标记.这里的缺点是任何空的空间(即没有文字或图像的区域)都是不可点击的.

这些链接可能会帮助您:

> @L_404_2@
> http://www.sitepoint.com/code-html-email-newsletters/

总结

以上是内存溢出为你收集整理的HTML电子邮件:使用可点击表格全部内容,希望文章能够帮你解决HTML电子邮件:使用可点击表格所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1138559.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存