Dado que el correo electrónico HTML no es un anfitrión independiente en este sitio web, depende de otros. Por lo tanto, escribir el correo HTML es muy diferente de escribir páginas HTML. Porque todos los buzones convencionales para los internautas filtrarán más o menos el correo HTML que reciben en segundo plano. No hay duda de que el código JS está estrictamente filtrado, incluidos todos los atributos de escucha de eventos, como OnClick y OnMouseOver, que se basan en consideraciones de seguridad por correo electrónico. No solo eso, el código CSS también se filtrará parcialmente. De lo que quiero hablar es de cómo escribir correos electrónicos HTML que no se filtren por los principales buzones de buzones y pueden mostrar normalmente.
Primero, echemos un vistazo a cómo el correo electrónico muestra el correo electrónico HTML. Nunca he realizado un sistema de correo electrónico, y los algoritmos de filtrado en el backend de las principales direcciones de correo electrónico no son tan fáciles de conocer. Por lo tanto, solo podemos especular a través de la pantalla front-end para inferir qué métodos de escritura son aceptados por el correo electrónico y cuáles se filtrarán. A través del análisis de Gmail, Hotmail, 163, Sohu y Sina, dividí la dirección de correo electrónico en dos categorías:
La primera categoría incluye Gmail, Hotmail y Sohu. El contenido de correo electrónico está organizado en un DIV en toda la página del buzón. Como se muestra en la imagen: La segunda categoría, incluidas 163 y SINA, se usa para organizar el contenido de correo electrónico en un iframe independiente. Como se muestra en la imagen:Los amigos que están familiarizados con HTML saben que el contenido de iframe es un documento independiente, y es irrelevante para los elementos y CSS de la página principal y puede tratarse casi como una página independiente. Y si el contenido de correo electrónico está en un DIV, el contenido de correo electrónico es una parte integral de toda la página de correo electrónico. Obviamente, usar iframe como método de presentación de correo electrónico será mucho más tolerante con el contenido de correo electrónico, ya que le brinda un espacio suficientemente independiente para la presentación. Y el Div no es tan educado. Imagínense, si escribe este CSS en su correo electrónico, la fuente en todo el buzón será 20px y se vuelve desordenada:
<estilo type = text/css>
Cuerpo {Font-Size: 20px}
</style>
Necesitamos escribir una plantilla de correo electrónico unificada que sea compatible con cada dirección de correo electrónico, por lo que debemos evitar el método de escritura CSS externo anterior anterior. Además, los estilos similares al flotador, la posición, etc. que tienen flujos de contenido anormales también se filtrarán. Si escribe, puede afectar el rendimiento de las direcciones de correo electrónico externas.
A continuación enumero algunos principios de escritura:1. Una de las reglas globales: no escriba <style> etiquetas o clase. Todos los CSS usan el atributo de estilo. Use el estilo para escribir CSS en línea para cualquier elemento que necesite cualquier estilo.
2. Regla global 2: use menos imágenes. La dirección de correo electrónico no filtrará sus etiquetas IMG. Sin embargo, el sistema a menudo no cargará imágenes de extraños de forma predeterminada. Si usa muchos mensajes de correo con imágenes, si la película no está cargada, será extremadamente feo e incluso no podrá ver el contenido claramente. El usuario impaciente lo eliminará directamente. Alt debe agregarse a la imagen.
3. No escriba estilos de flotación y posicione en estilo, porque se filtrarán. Entonces, ¿cómo lograr un diseño izquierdo y derecho o un diseño más complejo? Use tabla.
4. El fondo se puede configurar en el contenido de estilo, pero IMG se filtrará, lo que significa que la imagen de fondo no se puede establecer a través de CSS. Pero hay un atributo de elemento muy interesante, también llamado fondo, donde puede definir una ruta de imagen. Esta es una buena alternativa. Aunque esta función es limitada, como no poder localizar imágenes de fondo, es mejor tener una que no. Por ejemplo, para agregar un fondo a una celda, debe escribirlo así:
<td background = http: //image1.koubei.com/images/common/logo_koubei.gif> </td>
5. La dirección de correo electrónico en modo DIV no admite Flash, y el modo iframe debe verificarse.
Finalmente, me gustaría mencionar que la dirección de correo electrónico de Sohu es muy extraña. Agregará un espacio después de cada segmento de texto, lo que hace que el diseño normal original se den sus suscripción y la línea se rompa, lo que hará que algunos diseños se confundan. Por lo tanto, si desea ser compatible con los buzones de Sohu, debe tener mucho cuidado al encontrar algunos diseños compactos, minimice la cantidad de segmentos de texto y deje suficiente ancho.