<table>

An important tag for the email developer. An HTML table is constructed with this tag. When we talk about nested tables, we automatically think about this tag. A <table> is made of rows (<tr>), composed of data cells (<td>) or header cells (<th>). In concrete terms, an HTML table for emailing is structured as follows:

<table role="presentation" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td></td>
   </tr>
</table>

An HTML table could also contain HTML elements like <caption>, <col>, <colgroup>, <thead>, <tfoot>, <tbody>. But an HTML table for an email will remain as simple as possible, to guarantee a common interpretation and rendering on the majority of the mail clients.

Tips

We recommend adding the role="presentation" attribute to each <table> that is not a data table but a "structure" within the HTML code. This helps improve the accessibility of an email by telling screen readers that the table is there for formatting, not for presenting data.

A question?