'HTML Anchor Tag Not Working in Outlook

I am making email template in Django to be sent to Outlook and I want to add anchor tag for navigation. However, I found the tags work in html browser but not in Outlook (both 2010 and 2013). Could anyone advise what have gone wrong and how to fix it? Many thanks.

Specifically I want the screen will move to Text1 location by clicking Text in the outlook:

<table><tr><td>
<p><a href="#body204" style="text-decoration:none; color:#0000FF;"> Text </a></p>
</td></tr></table> 

<table><tr>
<td name="body204"> Text1</td>
</tr></table>
htmloutlookanchor


Solution 1:[1]

I think I can answer my question with a solution. The key is the tag holding the href anchor has to be the same as the one the href is pointing to. Specifically: 

<table><tr><td>
<p><a href="#body204" style="text-decoration:none; color:#0000FF;"> Text </a></p>
</td></tr></table> 

<table><tr>
<td> <a name="body204"> Text1</a></td>
</tr></table>

Hope this helps those struggling with the outlook in anchor tagging.

Solution 2:[2]

This will work in outlook: <a name="body204"></a> - take the anchor tag and inject it inside (empty value will work).

<table><tr><td>
<p><a href="#body204" style="text-decoration:none; color:#0000FF;"> Text </a></p>
</td></tr></table> 

<table><tr>
<td ><a name="body204"></a> Text1</td>
</tr></table>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 CL. L
Solution 2 gidi gob

Related Questions