refactor: change table cells to headers for improved semantic structure in email templates

This commit is contained in:
2026-05-26 13:46:08 +02:00
parent 7c445d4b66
commit ac27137b77
4 changed files with 16 additions and 16 deletions
+4 -4
View File
@@ -1,11 +1,11 @@
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="padding: 20px;"> <th scope="col" align="center" style="padding: 20px;">
<table width="600" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #eeeeee; background-color: #ffffff;"> <table width="600" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #eeeeee; background-color: #ffffff;">
<tr> <tr>
<td align="center" style="background-color: #007bff; padding: 40px;"> <th scope="col" align="center" style="background-color: #007bff; padding: 40px;">
<h1 style="color: #ffffff; font-family: sans-serif; margin: 0;">¡Hola {{ name }}!</h1> <h1 style="color: #ffffff; font-family: sans-serif; margin: 0;">¡Hola {{ name }}!</h1>
</td> </th>
</tr> </tr>
<tr> <tr>
<td style="padding: 30px; font-family: sans-serif; line-height: 1.5; color: #444444;"> <td style="padding: 30px; font-family: sans-serif; line-height: 1.5; color: #444444;">
@@ -16,6 +16,6 @@
</td> </td>
</tr> </tr>
</table> </table>
</td> </th>
</tr> </tr>
</table> </table>
@@ -1,11 +1,11 @@
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="padding: 20px;"> <th scope="col" align="center" style="padding: 20px;">
<table width="600" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #eeeeee; background-color: #ffffff;"> <table width="600" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #eeeeee; background-color: #ffffff;">
<tr> <tr>
<td align="center" style="background-color: #007bff; padding: 40px;"> <th scope="col" align="center" style="background-color: #007bff; padding: 40px;">
<h1 style="color: #ffffff; font-family: sans-serif; margin: 0;">¡Hola {{ name }}!</h1> <h1 style="color: #ffffff; font-family: sans-serif; margin: 0;">¡Hola {{ name }}!</h1>
</td> </th>
</tr> </tr>
<tr> <tr>
<td align="center" style="padding: 40px"> <td align="center" style="padding: 40px">
@@ -22,6 +22,6 @@
</td> </td>
</tr> </tr>
</table> </table>
</td> </th>
</tr> </tr>
</table> </table>
+4 -4
View File
@@ -1,11 +1,11 @@
<table border="0" cellpadding="0" style="width: 100%;"> <table border="0" cellpadding="0" style="width: 100%;">
<tr> <tr>
<td align="center" style="padding: 20px;"> <th scope="col" align="center" style="padding: 20px;">
<table width="600" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #eeeeee; background-color: #ffffff;"> <table width="600" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #eeeeee; background-color: #ffffff;">
<tr> <tr>
<td align="center" style="background-color: #007bff; padding: 40px;"> <th scope="col" align="center" style="background-color: #007bff; padding: 40px;">
<h1 style="color: #ffffff; font-family: sans-serif; margin: 0;">Su cuenta ha sido desbloqueada</h1> <h1 style="color: #ffffff; font-family: sans-serif; margin: 0;">Su cuenta ha sido desbloqueada</h1>
</td> </th>
</tr> </tr>
<tr> <tr>
<td align="center" style="padding: 40px"> <td align="center" style="padding: 40px">
@@ -22,6 +22,6 @@
</td> </td>
</tr> </tr>
</table> </table>
</td> </th>
</tr> </tr>
</table> </table>
+4 -4
View File
@@ -1,11 +1,11 @@
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="padding: 20px;"> <th scope="col" align="center" style="padding: 20px;">
<table width="600" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #eeeeee; background-color: #ffffff;"> <table width="600" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #eeeeee; background-color: #ffffff;">
<tr> <tr>
<td align="center" style="background-color: #007bff; padding: 40px;"> <th scope="col" align="center" style="background-color: #007bff; padding: 40px;">
<h1 style="color: #ffffff; font-family: sans-serif; margin: 0;">¡Hola {{ name }}!</h1> <h1 style="color: #ffffff; font-family: sans-serif; margin: 0;">¡Hola {{ name }}!</h1>
</td> </th>
</tr> </tr>
<tr> <tr>
<td align="center" style="padding: 40px"> <td align="center" style="padding: 40px">
@@ -21,6 +21,6 @@
</td> </td>
</tr> </tr>
</table> </table>
</td> </th>
</tr> </tr>
</table> </table>