【发布时间】：2012-02-23 09:17:26
【问题描述】：
我正在构建一个 HTML 电子邮件，并希望使整个表格可点击。
我已经想出了一个 JavaScript 解决方案来做到这一点，它工作得非常好，但是我更愿意只将表格包装在标签中而不使用 JavaScript。
<a href="#">
<table border="0">
<tr>
<td style="width: 100px; height: 100px">
</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 style="background-color: red" border="0" onclick="link('test url');" onmouseover="this.style.cursor='pointer';">
<tr>
<td style="width: 100px">This is a </td>
<td style="width: 100px; background-color: blue">test </td>
<td style="width: 100px">table </td>
</tr>
</table>
</body>
</html>
【问题讨论】：
-
为什么要让整个表格都可以点击，去一个链接？这对我来说似乎不是一个非常有用的设计。
-
@Tim 我不能代表 OP，但它是一种常见的电子邮件编码方式，因为您会遇到图像阻塞、缺乏支持或标签上呈现不一致等问题，例如
<div>s .此外，营销经理经常想要“最大的可点击区域”——电子邮件的目标通常只是获得尽可能多的点击，而不是充当信息存储库。 -
+1 Blowski，感谢您的澄清。
标签： html html-email