Pregunta

He leído por ahí que a la hora de crear un correo electrónico en HTML, debe utilizar la tabla de diseño.Usted no debe de atención acerca de la creación de tableless css basado en el diseño.Es eso cierto?Tengo que crear un diseño de boletín de noticias para mi empresa, pero no me siento cómodo escribiendo 3 tablas anidadas.

¿Fue útil?

Solución

Si desea que su correo electrónico HTML para quedar bien en la mayoría de clientes de correo electrónico, se debe escribir el HTML, ya que todavía era 1999:)

Otros consejos

Me altamente recomiendo hacer una visita a la href="http://www.email-standards.org/" rel="noreferrer" title="Email Normas Project"> correo electrónico Normas Proyecto sitio web. En él se enumeran casi todos los principales cliente de correo electrónico (tanto independiente y basada en la web) en el mercado y describe la cantidad de apoyo HTML se construye en cada uno.

También puedes ver las directrices de diseño href="http://www.campaignmonitor.com/design-guidelines/" correo electrónico de campaña Seguir el para algunas guías prácticas para la construcción de correo electrónico correcta HTML - incluyendo, por desgracia sí "utilizar tablas"

Esto es probablemente más basada en la realidad de la representación del cliente de correo electrónico (que es terrible) que cualquier otra cosa. Técnicamente es casi seguro que mal, pero pragmáticamente que podría ser el mejor asesoramiento. Truppo toca en esto.

Me encantaría un mundo donde nadie esperaba HTML para ser utilizado donde la llanura de texto iba a hacer, pero que no es la situación.Si tu trabajo es venir con HTML que no avergonzar a usted cuando sus suscriptores intente verlo en su favorito de los clientes de correo electrónico (o aplicaciones de email basado en web), es difícil seguir con marcado semántico y CSS.

Tomar lo que yo estoy diciendo con un grano de sal, ya que solo lo he hecho como un ejercicio de aprendizaje y no de forma profesional.Basado en un artículo que me había marcado y otros enlaces que he encontrado en ese artículo, las siguientes páginas parecen tener una buena discusión de los problemas reales involucrados en el envío de correo electrónico HTML.

http://www.sitepoint.com/article/code-html-email-newsletters/

http://www.sitepoint.com/article/principles-beautiful-html-email/

http://www.sitepoint.com/article/designers-guide-html-email/

Dados los problemas involucrados, el uso de tablas para el diseño de sentido práctico.

No existe una norma que obliga a hacerlo, y de hecho, las mejores prácticas dictan que las tablas no debe ser utilizado para el diseño (excepto en el caso del diseño de los datos tabulares).

Hay un argumento para el uso de las tablas en la presentación, como no hay ninguna garantía de que la plétora de escritorio basados en web y clientes de correo electrónico de procesamiento basado en CSS presentación correctamente...Sin embargo, yo no diría que ese es un argumento en sí mismo.

No voy a aconsejar que lo hace, pero probablemente se había oír esto porque una gran cantidad de lector de correo electrónico es compatible con sólo unos pocos HTML y CSS. A menudo no se lían un analizador de HTML / CSS completo, y en la tabla pasada se utilizan mucho para hacer diseños ..

Es posible que desee ver esto, aunque esto es específicamente sobre el apoyo Oulook HTML / CSS subconjunto descrito:

http://msdn.microsoft.com/en-us/library /aa338201.aspx

La razón se utilizan tablas es doble:

  1. correo electrónico HTML se puede representar en una amplia gama de clientes con capacidades muy diferentes. Es como tratar de diseñar un sitio web para todos los navegadores, a continuación, se multiplica por 10.
  2. Muy pocos clientes de correo electrónico web causan estragos en diseño CSS.

He encontrado outlook tener problema con div basado en los diseños.

Hemos estado haciendo algunas pruebas con los clientes sobre cómo ven los boletines en su ordenador y se encontró que una mayoría está utilizando un diseño en Outlook o en Mail que muestra una anchura de sólo unos 45 caracteres. No se molestan en hacer doble clic para abrir el correo electrónico en una nueva ventana o desplazarse alrededor. Los mensajes de correo electrónico con algunos contenidos que no sean un logotipo y el texto que apareció algo mejores eran los que tenían sólo un gran GIF ...

1 en el consejo de Campaña del monitor. También he visto un montón de gran contenido de Emma . En mi experiencia, el más simple puede hacer una plantilla de boletín de correo electrónico, mejor. Esto es doblemente cierto en un mundo en el que un porcentaje cada vez mayor de usuarios están leyendo su mensaje en un dispositivo móvil con una pantalla pequeña.

En el pasado, era común el uso de tablas para el diseño de página, y muchas personas que crean páginas son todavía más cómodo hacerlo de esta manera.

Como dice Santiago, la mejor práctica es utilizar las instalaciones de posicionamiento CSS para el diseño de página, excepto cuando en realidad son datos tabulares; pero personalmente, a menudo resulta difícil conseguir los efectos que quiera con CSS.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top