Html <TD> 的锚标记答案

【问题标题】：Anchor Tag for Html <TD>Html <TD> 的锚标记
【发布时间】：2013-09-22 21:11:21
【问题描述】：

我正在使用 html 电子邮件进行编码。有一个带有内联 CSS 代码的 <td>。我必须做的是在整个<td> 上附加一个锚标签。请告诉我我该怎么做。我尝试了很多选项，但这些都是无效的。

<td valign="top"  width="204" class="leftColumnContent" mc:edit="left_column_content" align="center" bgcolor="#dee0e2" style="border-left:6px solid #FFF; border-top:5px solid #FFF;"">
    <div align="center" style=" margin-top:10px;">
        <img src="" width="119" height="199" style="max-width:180px;" mc:label="image" />
    </div>
    <p style=" margin-left:20px; width:80%; font-family:Arial, Helvetica, sans-serif; font-size:14px;"> <strong>Text here </strong><br />
        <br />
        text here</p>
    <div style="width:80%; margin-top:10px; margin-left:20px; margin-bottom:15px;">
        <div align="left" style="float:left;"><strong> read more</strong></div>
        <div align="right">
            <img align="none" height="20" id="headerImage2" mc:allowdesigner="" mc:allowtext="" mc:label="header_image" src=".." style="max-width: 55px; width: 55px; height: 23px;" width="55" /></div>
    </div>
</td>

【问题讨论】：

Dreamweaver 是正确的。 <a> 标签不能包含 <table>s。但是，它可能仍然有效。
但这不适用于电子邮件，我如何为添加它不抱歉它是 td 而不是表 ..
我同意，试试看它是否真的有效。如果您确实需要整个元素的点击功能，可以随时使用 Javaascript 或 jQuery 添加。

【解决方案1】：

根据 HTML 规则，您不能拥有 <a ...><td>...</td></a>。你可以反过来嵌套它们，<td><a ...>...</a></td>。如果您需要使整个单元格可点击，那么您需要设置a 元素的样式，使其占据整个单元格。具体方法取决于上下文，但如果td 元素具有固定尺寸，则在其中的a 元素上设置以下内容：

display: block; height: 100%;

【讨论】：

这是个好建议，它是否有效？如果我测试是否有关于酸的电子邮件
@JavaStudent，在哪种意义上有效？ HTML 标记肯定是有效的。

【解决方案2】：

您可以在表格（代码）中 Anchor Tag 的位置使用 onclick 属性。

表格示例如下

  <table>
    <tr>
        <td onclick="javascript:alert('your HTML');">HTML Code is here</td>
    </tr>   
  </table>

在alert("") 的地方你可以使用window.location("") 用于在另一个页面上发送页面重定向。

【讨论】：

很遗憾不能在 html-email 中使用 javascript
问题是这在电子邮件中没有用，