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?
5 answers
Sí, lo hay. Puede utilizar:
- Fecha:
<meta name="format-detection" content="date=no">
- Dirección:
<meta name="format-detection" content="address=no">
- Correo electrónico:
<meta name="format-detection" content="email=no">
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">
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>
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>
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.
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;}
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