web-dev-qa-db-fra.com

Détection de format HTML Email iOS

Je viens de découvrir qu'il existe une balise META pour supprimer le numéro de téléphone sous forme de lien HTML sur iOS. Est-ce que cela fonctionne avec les emails HTML? 

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

Mais y a-t-il une adresse et une date également? J'ai toujours écrit des bidouilles pour surmonter cela, mais si c'est une balise méta c'est génial! Est-ce que quelqu'un connaît la syntaxe pour l'adresse et la date?

htmlhtml-email
25
Travis

Oui il y a. Vous pouvez utiliser:

En les combinant:

<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">
39
Anonymous

J'ai eu de la chance avec:

<style>
  a[href^="x-Apple-data-detectors:"] {
    color: inherit;
    text-decoration: inherit;
  }
</style>
4
Jason Axelson
<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>
3
joby-flick

Je viens de découvrir que la détection de format ne fonctionne pas pour Outlook.com, Office365, etc.

Dans mon cas, je ne souhaitais pas utiliser la fonctionnalité de mise en forme automatique OR (cliquer pour appeler ou mapper une adresse). J'ai donc injecté du code HTML masqué pour qu'il ne ressemble pas à une adresse.

Original:

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

Mis à jour:

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

Avec ceci ajouté à votre feuille de style:

.hidden { display:none; }

Cela a été testé et fonctionne dans la cinquantaine de prévisualisations de clients de messagerie offertes par Email on Acid.

NOTE: vous ne pouvez pas insérer l'affichage en ligne: aucun car Yahoo Mail ne le supporte pas et vous obtiendrez des tirets visibles dans votre adresse. Vous devez définir une classe.

Suppression de l'affichage mais maintien de la fonctionnalité

Si vous souhaitez conserver la fonctionnalité contextuelle de Bing Maps, vous pouvez personnaliser l'affichage en ajoutant la classe "outlookLink" à l'élément contenant l'adresse. Source: https://litmus.com/community/discussions/4692-outlook-com-adding-links

Donc ça:

<td>123 Main Street</td>

Devient ceci:

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

avec les éléments suivants dans votre feuille de style:

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

Outlook.com encapsule ce qu'il détermine être des adresses ou des dates (pour les entrées d'agenda) dans un <span> avec son propre style (lien bleu avec soulignement en pointillé). Cela modifie le style de ces <span> s.

0
Clark Baker