Как использовать привязки HTML в качестве оглавления в электронной почте, когда они отображаются в клиентах, таких как Groupwise или Gmail? - PullRequest
5 голосов
/ 25 июня 2009

Я бы хотел разместить оглавление в верхней части внутреннего email информационного бюллетеня, который позволит читателям «перейти» к той части бюллетеня, которая их интересует. Что-то вроде:

<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, outlook ). Однако я получил электронные письма, которые, как представляется, используют технику, описанную выше, и я могу «прокрутить» письмо. Я понимаю, что поддержка у разных клиентов будет разной и что это не обязательно «хорошая» практика, но это внутренняя система, и почти все получатели будут использовать GroupWise.

Любое опытное понимание конкретной дополнительной разметки, которая необходима (например, какова будет базовая ссылка? ), будет высоко оценено.

Ответы [ 2 ]

3 голосов
/ 25 июня 2009

Попробуйте добавить атрибут 'name' к якору, а также к id '.

<a id="FUNDING" name="FUNDING">
2 голосов
/ 11 апреля 2013

Я нашел этот пост, пытаясь выполнить то же самое, и я следовал инструкциям здесь, чтобы заставить его работать: 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...