<a> тег, вложенный в <table> тег недействителен в XHTML

Question

Я кодирую шаблон для html. Я хочу сделать это полностью законным в соответствии с правилами XHTML. В моем коде есть кнопка, сделанная с тегом <table>, и она связана, конечно, с URL-адресом. По этой причине я добавил тег <a> до <table>. Средство проверки W3C говорит, что я не могу вложить эти элементы. Я добавил код, чтобы сделать его более понятным.

Есть ли у вас предложение избежать этой проблемы?

Я ценю вашу помощь.

<a style="text-decoration:none; color:#660eaa; font-size:13px; line-height:125%;" href="http://google.com/" target="_blank" > 
    <table id="templateButton" style="font-size:15px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;" bgcolor="#ffd700" align="center" cellspacing="0" cellpadding="0" border="0"> 
     <tr> 
      <td align="center" style="padding:16px 10px"><strong>Go to Google!</strong></td> 
     </tr> 
    </table> 
</a> 

Answer 1

Вы не можете использовать тег a, как это.

Правильный путь:

<table id="templateButton" style="font-size:15px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;" bgcolor="#ffd700" align="center" cellspacing="0" cellpadding="0" border="0"> 
    <tr> 
     <td align="center" style="padding:16px 10px"> 
     <a style="text-decoration:none; color:#660eaa; font-size:13px; line-height:125%;" href="http://google.com/" target="_blank" ><strong>Go to Google!</strong></a> 
     </td> 
    </tr> 
</table> 

Вы бы укладывать a тег в качестве кнопки, а не контейнеры (td или table)

Кроме того, убедитесь, что ваш HTML электронной почты будет выглядеть то же или подобное в почтовых клиентах, которые вы хотите поддержать. Например, пограничный радиус, который вы установили, не будет работать во многих почтовых клиентах.

Я призываю вас, чтобы проверить этот сайт для получения дополнительной информации по электронной почте: HTML https://www.campaignmonitor.com/dev-resources/will-it-work/

EDIT: Вы можете стиль table и td, добавляя цвет фона.