¿Cómo utilizar los anclajes HTML como una tabla de contenido en el correo electrónico cuando se procesa en clientes como Groupwise o Gmail?

Me gustaría poner una tabla de contenidos en la parte superior de un boletín interno de que permitirá a los lectores 'saltar' a la parte del boletín que les interesa. Algo así como:¿Cómo utilizar los anclajes HTML como una tabla de contenido en el correo electrónico cuando se procesa en clientes como Groupwise o Gmail?

<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>

Entonces 'más abajo' en el boletín electrónico tiene:

<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 -->

Esto funciona bien en el navegador HTML basadas, pero no he tenido éxito conseguir que funcione en varios clientes de correo electrónico (gmail, groupwise, outlook). Sin embargo, he recibido correos electrónicos que parecen utilizar una técnica como la anterior y puedo 'desplazar' el correo electrónico. Entiendo que el soporte en varios clientes variará y que esto no es necesariamente una 'buena' práctica, pero este es un sistema interno y casi todos los destinatarios usarán GroupWise.

Cualquier visión con experiencia sobre el marcado adicional específico que se necesita (por ejemplo, ¿cuál sería la referencia?) sería muy apreciada.

Fuente

2009-06-25 Brian Hart

Intente agregar el atributo 'nombre' al delimitador, así como a la 'id'.

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

Fuente

2009-06-25 18:27:40

Este no es el problema; Continué y puse ambos, pero eso no soluciona el escenario del "cliente de correo electrónico". En cuanto a w3c y las etiquetas de anclaje que usan id: http://www.w3.org/TR/REC-html40/struct/links.html#h-12.2.3 –

Usar @id es la mejor práctica, pero si tú " Estamos escribiendo HTML para correos electrónicos, código como lo hubieras hecho a principios de los noventa. Ver http://www.email-standards.org/ para más información. – Ms2ger

me encontré con este post cuando se trata de lograr la misma cosa, y siguió las instrucciones aquí para conseguir que funcione: http://blog.mailermailer.com/tips-resources/anchor-tags-html-emails

Este es el código que terminó con la primera prueba exitosa:

<html> 
<a name="BACKTOTOP">Index</a> 
<ul> 
<li><a href="#COMPLIANCE">Compliance Courses</a></li> 
<li><a href="#DEALERTRAINING">Dealer Training</a></li> 
<li><a href="#FUNCTIONALAREA">Functional Training Courses</a></li> 
<br> 
<h1> 
<a name="COMPLIANCE">Compliance</a> 
</h1> 
<br> 
This will be the message for Compliance courses. 
<br> 
<a href="#BACKTOTOP">Return to top index</a> 
<br> 
<h1> 
<a name="DEALERTRAINING">Dealer Training</a> 
</h1> 
<br> 
This will be the message for Dealer Training. 
<br> 
<a href="#BACKTOTOP">Return to top index</a> 
<br> 
<h1> 
<a name="FUNCTIONALAREA">Functional Training Courses</a> 
</h1> 
<br> 
This will be the message for courses by Functional Area. 
<br> 
<a href="#BACKTOTOP">Return to top index</a> 
</html>

Fuente

2013-04-11 15:05:02 April

¿Cómo utilizar los anclajes HTML como una tabla de contenido en el correo electrónico cuando se procesa en clientes como Groupwise o Gmail?

Respuesta

Cuestiones relacionadas