2009-06-25 3 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> 
다음

이메일 뉴스 레터 '아래 더'이 있습니다

<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, 그룹 단위, 전망). 그러나 나는 위와 같은 기술을 사용하는 것으로 보이는 이메일을 받았으며 이메일을 '스크롤'할 수 있습니다. 다양한 고객의 지원이 다양하고 이것이 반드시 '좋은'사례는 아니지만 이것이 내부 시스템이며 거의 모든 수신자가 GroupWise를 사용하게 될 것이라는 점을 이해합니다.

(예 : 기본 참조는 무엇입니까?)이 필요한 추가 마크 업에 대해 숙련 된 지식이 있으면 크게 감사하겠습니다.

답변

3

'name'속성을 'id'뿐만 아니라 앵커에 추가해보십시오.

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

이것은 문제가되지 않습니다. 나는 두 가지를 모두 집어 넣었지만 '이메일 클라이언트'시나리오를 수정하지는 않습니다. w3c와 앵커 태그 (id를 사용하는 경우) : http://www.w3.org/TR/REC-html40/struct/links.html#h-12.2.3 –

+1

@id를 사용하는 것이 가장 좋은 방법이지만, 전자 메일 용 HTML을 작성하고, 90 년대 초반에했던 것처럼 코드를 작성하십시오. 자세한 내용은 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> 
관련 문제