Вопрос по email, html – Как использовать привязки HTML в качестве оглавления в электронной почте, когда они отображаются в клиентах, таких как Groupwise или Gmail?

5

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

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

Затем «дальше вниз» в почтовой рассылке есть:

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

This works fine in browser based HTML, но мне не удалось заставить его работать в различных почтовых клиентах (gmail, groupwise, outlook). Однако я получил электронные письма, в которых, как представляется, используется та же методика, что и выше, и я могу «прокрутить»; электронная почта. Я понимаю, что поддержка у разных клиентов будет разной и что это не обязательно «хорошо». практика, но это внутренняя система, и почти все получатели будут использовать GroupWise.

Любое опытное понимание конкретной дополнительной разметки, которая необходима(e.g. what would the base ref be?) будет принята с благодарностью.

Ваш Ответ

2   ответа
3

Попробуйте добавить «имя». приписать привязку, а также «идентификатор».

<a id="FUNDING" name="FUNDING">
Это не проблема; Я пошел вперед и вставил оба, но это не исправляет «почтовый клиент». сценарий. Что касается w3c и якорных тегов, использующих id:w3.org/TR/REC-html40/struct/links.html#h-12.2.3 Brian
Использование @id действительно является наилучшей практикой, но если вы пишете HTML для электронных писем, используйте код, который вы сделали бы в начале девяностых. Увидетьemail-standards.org для дополнительной информации.
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>

Похожие вопросы