Отслеживание формата электронной почты в формате HTML электронной почты

Я только что обнаружил, что есть метатег для удаления номера телефона в качестве ссылки в HTML на iOS. Это работает с электронными письмами HTML?

<meta name="format-detection" content="telephone=no">

Но есть ли место для адреса и даты? Я всегда писал об этом, но если это мета-тег, это здорово! Кто-нибудь знает синтаксис адреса и даты?

Ответы

Ответ 1

Да, есть. Вы можете использовать:

Объединяя их:

<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="email=no">

Ответ 2

Мне повезло:

<style>
  a[href^="x-apple-data-detectors:"] {
    color: inherit;
    text-decoration: inherit;
  }
</style>

Ответ 3

<html>
<head>
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="date=no">
    <meta name="format-detection" content="address=no">
    <meta name="format-detection" content="email=no">
    <style type="text/css">
        a[x-apple-data-detectors] {
            color: inherit !important;
            text-decoration: none !important;
            font-size: inherit !important;
            font-family: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important;
        }
    </style>
</head>
<body>
    123 Main Street<br/>
    Columbus, Ohio 43215
</body>
</html>

Ответ 4

непроверенный, но должен работать.

a[href^=date]{ color:#FFFFFF; text-decoration:none;}
a[href^=telephone]{ color:#FFFFFF; text-decoration:none;}
a[href^=address]{ color:#FFFFFF; text-decoration:none;}
a[href^=email]{ color:#FFFFFF; text-decoration:none;}

Ответ 5

Я только что обнаружил, что обнаружение формата не работает для Outlook.com, Office365 и т.д.

В моем случае я не хотел автоматического стиля или функциональности (щелчка на вызов или отображение адреса), поэтому я ввел несколько скрытых HTML, чтобы они не выглядели как адрес.

Оригинал:

<td>123 Main Street
<br/>Cambridge, MA 02138</td>

Обновлено:

<td>123 Main S<i class="hidden">-</i>treet
<br/>Cambridge, M<i class="hidden">-</i>A 02<i class="hidden">-</i>138</td>

С добавлением в таблицу стилей:

.hidden { display:none; }

Это было протестировано и работает в 50 или около того почтовых клиентских превью, предлагаемых электронной почтой по Acid.

ПРИМЕЧАНИЕ. вы не можете встроить отображение: нет, потому что Yahoo Mail не поддерживает это, и вы получите видимые штрихи в своем адресе. Вам нужно определить класс.

Удаление отображения, но сохранение функциональности

Если вы хотите сохранить всплывающие функции Bing Maps, вы можете настроить отображение, добавив класс "outlookLink" к элементу, содержащему адрес. Источник: https://litmus.com/community/discussions/4692-outlook-com-adding-links

Итак, это:

<td>123 Main Street</td>

Становится следующим:

<td class="outlookLink">123 Main Street</td>

со следующей таблицей стилей:

.outlookLink span {
      color:#ffffff !important;
      border-bottom-width:0 !important;
      border-bottom-style:none !important;
}

Outlook.com обертывает то, что он определяет как адреса или даты (для записей календаря) в <span> с его собственным стилем (синяя ссылка с пунктирным подчеркиванием). Это изменяет стиль этих <span> s.