HTML 이메일 Outlook 및 Gmail 모바일 앱에서 내부 링크가 작동하지 않습니다.

Question

HTML 이메일을 디자인하는 과정에서 고통 스럽습니다. 내 HTML 이메일의 맨 위 링크를 다음 형식으로 다시 추가했습니다.

<!-- Define top --> 
<a name="top" id="top"></a> 

<!-- Display Link to top --> 
<a href="#top">Back to Top</a> 

이것은 Outlook 데스크톱 앱에서 작동하지만 모바일에서는 작동하지 않습니다. 그것을 작동시키는 방법이 있습니까?

Answer 1

Outlook 2013, IOS 및 Gmail에서 정상적으로 작동합니다. 난 그냥 일어날 일에 확인하기 위해 테스트를 실행하고 코드 게시 :

<a href="#C4">Jump to Chapter 4</a> <a name="C4"></a>

상단에 갈 :

이메일을가는

• https://jsfiddle.net/wallyglenn/n9j2zjzq/

을

<a name="top"></a> <a href="#top">Jump to Top</a>

내부 HREF와 관련하여 몇 가지주의 사항이 있습니다.

먼저 페이지를 이동할 이메일 문서 길이가 필요합니다. Gmail에서는 창을 작게 만들 때까지 작동하지 않습니다.

아래쪽에 a name 아래에 충분한 문서 공간이 필요합니다. a name이 아래 줄에 있으면 그 아래에 공백을 추가하지 않으면 페이지가 이동하지 않습니다.

<a name> 및 <a href>은 대소 문자를 구분합니다. 일치하지 않으면 작동하지 않습니다.