Buscar..


Introducción

Al igual que con el desarrollo web, las etiquetas <meta> se pueden incluir en la etiqueta <head> de un correo electrónico. <meta> etiquetas <meta> dicen a los clientes de los correos electrónicos cómo interpretar y mostrar el código del correo electrónico. Estas son las etiquetas <meta> que se utilizan regularmente en el correo electrónico.

Tipo de contenido

La etiqueta meta de Content-Type es para decirle al motor de procesamiento de destino cómo procesar texto y caracteres especiales. Debería codificar todos los caracteres especiales de todos modos (por ejemplo, & convierte &amp; para un signo) para estar seguro, pero vale la pena mantener esta línea allí de todos modos.

utf-8 funciona para la mayoría de los casos

<head>
    <meta charset="utf-8">
</head>

o

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

Dependiendo de tu doctype .

Mirador

La etiqueta meta de la viewport gráfica le dice a un dispositivo que establezca el área visible al ancho de la pantalla del dispositivo. También establece la escala inicial en normal (no se acerca ni se aleja).

<meta name="viewport" content="width=device-width">

o

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Aunque forzar la escala inicial no debería ser necesario.

Si esto no se especifica, muchos teléfonos inteligentes pueden reducir el contenido para que su contenido se ajuste al área visible, pero no a su relleno o márgenes. Esto puede dar como resultado que el texto y las imágenes coincidan con el borde de la pantalla.

Mostrar modo EdgeHTML

La metaetiqueta IE=Edge es para decirle al motor de renderizado de destino que use la última versión (borde) del motor de renderizado de IE, que permite un comportamiento receptivo en los teléfonos con Windows.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Ocasionalmente, esto rompe las imágenes en Live Mail, por lo que dado que la etiqueta IE=Edge es específica de Microsoft, puede incluirse en un comentario condicional para ocultarla del Live Mail:

<!--[if !mso]><!-- -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->

Desactivar autoescala en iOS 10 Mail

Apple iOS 10 Mail no siempre escala automáticamente los correos electrónicos que no responden . La metaetiqueta de auto-scale se puede usar para deshabilitar la función de escala automática en iOS 10 Mail por completo.

<meta name="x-apple-disable-message-reformatting">


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow