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

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

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

6
Brian 25 Июн 2009 в 22:24

2 ответа

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

<a id="FUNDING" name="FUNDING">
3
Doug Domeny 25 Июн 2009 в 22:27
Это не проблема; Я пошел дальше и вставил оба, но это не исправляет сценарий «клиента электронной почты». Что касается тегов w3c и привязки с использованием идентификатора: w3.org/TR/REC-html40/struct/links.html#h-12.2.3
 – 
Brian
25 Июн 2009 в 22:56
1
Использование @id действительно является лучшей практикой, но если вы пишете HTML для электронной почты, кодируйте так же, как в начале девяностых. См. email-standards.org для получения дополнительной информации.
 – 
Ms2ger
25 Июн 2009 в 23:47

Я нашел этот пост, пытаясь выполнить то же самое, и я следовал инструкциям здесь, чтобы заставить его работать: 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>
2
April 11 Апр 2013 в 19:05