2009-06-25 7 views
5

私は、読者が興味のあるニュースレターの部分に「ジャンプ」できるように内部電子メールニュースレターの上部に目次を載せたいと思います。ような何か:GroupwiseやGmailなどのクライアントでレンダリングしたときにHTMLアンカーをメールの目次として使用するにはどうすればよいですか?

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

Eメールニュースレターで次に「ダウンさらに」を持つ:

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

を。これは、ブラウザベースのHTMLでは正常に動作しますが、私はそれがさまざまなで動作するようになって成功を持っていませんでしたメールクライアント(Gmail、グループワイド、Outlook)。私は、しかし、上記のようなテクニックを使用するように見える電子メールを受信して​​、私は電子メールを 'スクロール'することができます。私はさまざまなクライアントのサポートが異なり、これは必ずしも「良い」方法ではないが、これは内部システムであり、ほぼすべての受信者がGroupWiseを使用することを理解しています。

(たとえば、ベースリファレンスは何ですか?)が必要となる特定の追加マークアップについて、経験豊富な洞察力があれば幸いです。

答えて

3

アンカーと 'id'に 'name'属性を追加してみてください。

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

これは問題ではありません。私は先に進んで両方を入れましたが、それは '電子メールクライアント'のシナリオを修正しません。 w3cとアンカータグ(idを使用):http://www.w3.org/TR/REC-html40/struct/links.html#h-12.2.3 –

+1

@idを使用するのは実際にはベストプラクティスですが、あなたが90年代初めにしたような電子メール用のHTMLを書くこと。詳細については、http://www.email-standards.org/を参照してください。 – Ms2ger

2

同じことを達成しようとしたとき、私はこの記事を見つけた、と私はそれが仕事を得るために、ここでの指示に従っ:http://blog.mailermailer.com/tips-resources/anchor-tags-html-emails

は、これは私が最初に成功したテストになってしまったコードです:

<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> 
関連する問題