¿Debo usar el marcado HTML 4.0 para mis plantillas de correo electrónico?

Question

Un diseñador codificó una plantilla html utilizando las mejores prácticas de CSS. Quiero utilizar esta plantilla como una plantilla de boletín informativo por correo electrónico, pero escuché a personas decir que Hotmail, Yahoo y Gmail ofrecen soporte limitado para CSS.

¿Se supone que debo volver a codificar estas plantillas usando diseños de tablas y etiquetas de fuentes?

Answer 1

La respuesta corta es Sí.

Obtendrá la mejor compatibilidad entre las cuentas de correo web & clientes de correo electrónico utilizando el HTML más básico y simplificado posible.

• No utilice ningún archivo CSS < etiquetas de estilo >. Haga todo en línea.
• posicionamiento Trátese con tablas anidadas que tienen anchuras explícitas
  • hago un uso intensivo de los comentarios HTML en estas situaciones para asegurarse de que no se confunda acerca de dónde estoy en la disposición.
• Todo el texto debe estar rodeado por <fuente> etiquetas con la información de estilo de fuente.
• Las imágenes deben tener anchos explícitos & alturas.
  • Esto ayuda a que el correo electrónico conserve su diseño correcto cuando las imágenes están bloqueadas.

---

por lo general prueba en un mínimo de los siguientes:

• Outlook 2003
• Outlook 2007
  • La mayoría de los dolores de cabeza vendrán de aquí.
• Thunderbird
• Entourage (versión OSX de Outlook)
• Gmail
• Hotmail
• Yahoo Mail

Usted está por lo general en muy buena forma si usted consigue algo que muestre correctamente en todos esos.

Utilizamos Exact Target y tienen una función de vista previa HTML, pero no es perfecto. Me he encontrado una gran cantidad de situaciones en las que un correo electrónico se veía bien en la vista previa, pero todavía llegó a través roto en Outlook 2007.

Answer 2

Para construir sobre lo que Mark dijo:

Si es posible, evitar el uso CSS en absoluto (aunque, por lo general, está bien para cosas como el texto).Use tablas para todos los elementos de posicionamiento <td> vacíos para relleno/bits de posicionamiento más pequeños.

E incluso con todo esto, solo se verá perfecto en algunos programas/sitios de correo electrónico. El correo HTML es, estoy bastante seguro de decirlo, completamente imposible de hacer de tal manera que se muestre perfectamente en todos los clientes/aplicaciones de correo.

Answer 3

marca por encima de dicho todo lo que tiene que hacer para desarrollar plantillas de correo electrónico (que es la década de los 90 una vez más), pero yo quería añadir una última cosa:

http://www.email-standards.org/ es un gran recurso para ver cómo los diferentes clientes de correo electrónico interpretar HTML y CSS.

Answer 4

Tendrá que volver al HTML de la era de piedra para que los correos electrónicos HTML funcionen como Mark sugirió. Todos los estilos en línea en el html. Sin etiquetas STYLE ni hojas de estilo externas.

MailChimp y CampaignMonitor ambos ofrecen excelentes plantillas gratuitas de correo electrónico HTML. También ofrecen servicios de prueba de correo electrónico que envían sus correos electrónicos html a diferentes clientes de correo electrónico y luego le envían capturas de pantalla de los resultados.

Answer 5

usa la etiqueta div con altura/peso fijo y coloca todo tu código HTML allí. Se vería igual en la mayoría de los clientes. Ya lo intenté antes y funciona bien.