HTML Email iOS format-detección


Acabo de encontrar que hay una meta etiqueta para eliminar el número de teléfono como un enlace en HTML en iOS. ¿Funciona esto con correos electrónicos HTML?

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

¿Pero hay uno para la dirección y la fecha también? Siempre he estado escribiendo hacks para superar esto, pero si se trata de una etiqueta meta que es genial! ¿Alguien conoce la sintaxis de dirección y fecha?

Author: Travis, 2015-01-19

5 answers

Sí, lo hay. Puede utilizar:

Combinándolos:

<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
Author: Anonymous,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 12:32:25

He tenido suerte con:

<style>
  a[href^="x-apple-data-detectors:"] {
    color: inherit;
    text-decoration: inherit;
  }
</style>
 4
Author: Jason Axelson,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-07-18 21:10:04
<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
Author: joby-flick,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-10-13 13:05:58

Acabo de descubrir que la detección de formato no funciona para Outlook.com, Oficina365, etc.

En mi caso, no quería el estilo automático O la funcionalidad (de hacer clic para llamar o asignar una dirección), así que inyecté algo de HTML oculto para que no se viera como una dirección.

Original:

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

Actualizado:

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

Con esto añadido a su hoja de estilo:

.hidden { display:none; }

Esto fue probado y funciona en las aproximadamente 50 vistas previas de clientes de correo electrónico ofrecidas por Correo electrónico en Acido.

NOTA: no puedes insertar la pantalla: none porque Yahoo Mail no admite eso y terminarás con guiones visibles en tu dirección. Necesitas definir una clase.

Eliminando la pantalla pero manteniendo la funcionalidad

Si desea mantener la funcionalidad emergente de Bing Maps, puede personalizar la visualización agregando la clase "outlookLink" al elemento que contiene la dirección. Fuente: https://litmus.com/community/discussions/4692-outlook-com-adding-links

Así que esto:

<td>123 Main Street</td>

Se convierte en esto:

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

Con lo siguiente en su hoja de estilos:

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

Outlook.com envuelve lo que determina que son direcciones o fechas (para entradas de calendario) en un con su propio estilo (enlace azul con subrayado discontinuo). Esto modifica el estilo de esos s.

 0
Author: Clark Baker,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-01-16 17:44:57

No probado, pero debería funcionar.

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;}
 -1
Author: Anthony Delgado,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-04-20 19:41:06