Introducción al artículo de Wulin.com (www.vevb.com): cuando realizamos marketing por correo electrónico, esperamos que el usuario abra el correo electrónico y vea que lo enviemos a la otra parte. Sin embargo, la representación de las páginas HTML por correo electrónico es diferente de la del navegador. La capacidad de representación es mucho más pequeña. El efecto que se muestra normalmente en el navegador cometirá errores en el correo electrónico, o no se puede representar.
Cuando realizamos marketing por correo electrónico, esperamos que el usuario lo vea después de abrir la dirección de correo electrónico, la enviamos a la otra parte. Sin embargo, la representación de las páginas HTML por la dirección de correo electrónico es diferente de la del navegador. La capacidad de representación es mucho más pequeña. El efecto que se muestra normalmente en el navegador cometirá errores en el correo electrónico, o no se puede representar. Después de innumerables pruebas, al diseñar y producir correos electrónicos web, el sitio web de enseñanza web le recuerda que preste atención a los siguientes puntos:
1. No se pueden usar imágenes de fondo;
2. El estilo debe escribirse en el código HTML, similar a Style = Text-Decoration: Ninguno; Color:#666; tamaño de fuente: 12px; , Además, los estilos en <'style> <'/style> deben colocarse en el cuerpo para que funcionen, pero algunos estilos se perderán durante el proceso de reenvío, por lo que no se recomienda usarlos.
3. Agregue alt y título a cada imagen
4. Considere el ancho del correo electrónico. Muchos usuarios están utilizando computadoras portátiles, y la resolución de la computadora portátil es 1280*708. . . Por lo tanto, para una buena experiencia de usuario a primera vista, debe tener el ancho correcto
5. Todas las imágenes deben estar con direcciones absolutas, de lo contrario no se mostrarán en la terminal del cliente y se pueden mostrar en FoxMail;
6. En términos de diseño, use tabla, no div, porque incluso margen: 0 automático no funciona en el correo electrónico. El atributo CSS no se prueba, pero está realmente restringido, así que use la tabla;
7. Intente agregar ancho a cada bloque. Si no escribe el ancho, habrá errores inexplicables;
8. El efecto de visualización está sujeto a la dirección de correo electrónico. En algunos casos, la representación de la página del navegador es diferente de la dirección de correo electrónico;
Advertencia de riesgo:
Cuando la ventana se reduzca en cierta medida, algunas imágenes se reducirán y los límites de la página estarán desordenados. Esta es la regla de representación del correo electrónico. Con el diseño actual, este error no se puede evitar, por lo que el ancho solo se puede cambiar para que sea más pequeño (también hay un problema al probar el correo electrónico del sistema enviado por NetEase Centre de correo electrónico).