É verdade que boletins informativos em HTML deve ter um layouts “com base em tabela”?

StackOverflow https://stackoverflow.com/questions/868073

  •  22-08-2019
  •  | 
  •  

Pergunta

Eu li em algum lugar que ao criar um e-mail HTML, você deve usar o layout baseado em tabelas. Você não deve se preocupar com a criação de layout baseado tableless css. Isso é verdade? Eu tenho que criar um layout boletim para a minha empresa, mas eu não me sinto confortáveis ??escrita 3 tabelas aninhadas.

Foi útil?

Solução

Se você quiser que o seu HTML-mail para uma boa aparência na maioria dos clientes de e-mail, você deve escrever o seu HTML como ainda era 1999:)

Outras dicas

Esta é, provavelmente, mais baseado na realidade da prestação cliente de e-mail (que é terrível) do que qualquer outra coisa. Tecnicamente é quase certamente errado, mas pragmaticamente que poderia ser o melhor conselho. Truppo toques sobre isso.

Eu adoraria um mundo onde ninguém esperava HTML para ser usado em texto simples faria, mas isso não é a situação. Se seu trabalho é vir para cima com HTML que não envergonhá-lo quando seus assinantes tentar vê-la em seus clientes e-mail favoritos (aplicações ou web-mail baseado), é difícil vai ficar com marcação semântica e CSS.

Tome o que estou dizendo com um grão de sal porque eu só fiz isso como um exercício de aprendizagem e não profissionalmente. Baseado em um artigo que eu tinha marcada e outros links que eu encontrei nesse artigo, as páginas seguintes parecem ter uma boa discussão sobre os problemas reais envolvidos no envio de e-mail HTML.

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

http://www.sitepoint.com/article/principles- bela-html-mail /

http://www.sitepoint.com/article/designers- guia-html-mail /

Dadas as questões envolvidas, usando tabelas para layout faz sentido prático.

Não há dúvida nenhuma norma que os mandatos de TI, e de fato, as melhores práticas ditam que as tabelas não deve ser usado para o layout (excepto no caso de colocar para fora de dados tabulares).

Há um argumento a ser feita para o uso de tabelas na apresentação, como não há nenhuma garantia a pletora de desktop e clientes de e-mail baseados na web tornarão apresentação baseada em CSS corretamente ... No entanto, eu não diria que é um argumento in-and-de si mesmo.

Eu não vou aconselhá-lo a fazê-lo, mas você provavelmente tinha ouvir isso, porque uma grande quantidade de suportes de leitores de e-mail apenas uma html poucos e css. Eles muitas vezes não agrupar um parser html / css completo, e na tabela passado foi muito usada para fazer layouts ..

Você pode querer olhar para isso, embora isso seja especificamente sobre o Oulook html / css subconjunto suporte descrito:

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

As tabelas razão são utilizados é duas vezes:

  1. HTML e-mail pode ser processado em uma vasta gama de clientes com habilidades muito diferentes. É como tentar criar um site para cada navegador, em seguida, multiplicá-lo por 10.
  2. Muito poucos clientes Web e-mail jogar estragos com layout CSS.

Eu encontrei outlook tendo problema com div layouts baseados.

Estamos fazendo alguns testes com os clientes sobre como boletins olhar em seu computador e descobriu que a maioria está usando um layout no Outlook ou no Mail que mostra uma largura de apenas cerca de 45 caracteres. Eles não se preocupam em clicar duas vezes para abrir o e-mail em uma nova janela ou percorrer. Os e-mails com algum outro conteúdo do que um logotipo e um texto que parecia um pouco melhor foram os únicos com apenas um grande GIF ...

+1 por aconselhamento do Campaign Monitor. Eu também vi um monte de grande conteúdo de Emma . Na minha experiência, quanto mais simples você pode fazer um modelo de boletim de e-mail, o melhor. Isto é duplamente verdadeiro em um mundo onde um percentual crescente de usuários está lendo sua mensagem em um dispositivo móvel com uma tela pequena.

No passado, era comum usar tabelas para layout de página, e muitas pessoas que criam páginas são ainda mais confortável fazê-lo desta forma.

Como James diz, a melhor prática é usar instalações de posicionamento CSS para layout de página, exceto quando ele realmente é dados tabulares; mas pessoalmente eu muitas vezes têm dificuldade para obter os efeitos que eu quero com CSS.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top