How to use HTML anchors as a table of contents in email when rendered in clients like Groupwise or Gmail?

Question

I would like to put a table of contents at the top of an internal email newsletter that will allow readers to 'jump' down to the part of the newsletter that interests them. Something like:

<ul>
      <li><a href="#FUNDING">Funding Opportunities</a></li>
      <li><a href="#DEVELOPMENT">Professional Development</a></li>
      <li><a href="#BEST">Best Practices</a></li>
</ul>

Then 'further down' in the email newsletter have:

<h2><a id="FUNDING">Funding</a></h2>
<!--- news items about funding -->

<h2><a id="DEVELOPMENT">Professional Development</a></h2>
<!--- news items about professional development -->

<h2><a id="BEST">Best Practices</a></h2>
<!--- news items about Best Practices -->

This works fine in browser based HTML, but I have not had success getting it to work in various email clients (gmail, groupwise, outlook). I have however, received emails that appear to use a technique like above and I am able to 'scroll' the email. I understand that support in various clients will vary and that this is not necessarily a 'good' practice but this is an internal system and almost all recipients will be using GroupWise.

Any experienced insight into the specific additional markup that is needed (e.g. what would the base ref be?) would be greatly appreciated.

Answer 1

Try adding the 'name' attribute to the anchor as well as the 'id'.

<a id="FUNDING" name="FUNDING">

Answer 2

I've got the same problem. Did you resolve this?