<http://schema.org/articleBody>
"Esque\u00E7a tudo o que voc\u00EA sabe sobre CSS 3, HTML 5, JavaScript e qualquer outra nova novidade que voc\u00EA tenha visto nos \u00FAltimos 10 anos. Para fazer uma newsletter voc\u00EA n\u00E3o vai usar nada disso.\r\n\r\nCriar email marketing \u00E9 chato. N\u00E3o \u00E9 f\u00E1cil e provavelmente n\u00E3o vai ficar do jeito que voc\u00EA quer na primeira ou na segunda ou na terceira vez. Se voc\u00EA reclama do Internet Explorer por qualquer motivo, voc\u00EA ainda n\u00E3o teve que lidar com os clientes de email. \u00C9 um mundo totalmente diferente do que conhecemos e estamos acostumados.\r\n\r\nEu sei que voc\u00EA gostaria que eu estivesse exagerando, mas n\u00E3o estou. Cada cliente de email tem suas restri\u00E7\u00F5es de seguran\u00E7a e tem seu suporte espec\u00EDfico aos padr\u00F5es web. Clientes de email online, como o Gmail tem preocupa\u00E7\u00F5es totalmente diferentes que um cliente nativo como o Outlook.\r\n\r\nQuando digo que voc\u00EA precisa voltar aos velhos tempos, eu n\u00E3o estou brincando. O que funciona perfeitamente em todos os clientes de email s\u00E3o as tabelas. S\u00E3o elas que ir\u00E3o estruturar seu layout. Nada de float. Float n\u00E3o funciona no Outlook. Nada de usar background-image, ele n\u00E3o funciona no Outlook tamb\u00E9m. E se voc\u00EA j\u00E1 est\u00E1 achando que o Outlook \u00E9 o problema, espere at\u00E9 saber que o Gmail simplesmente remove qualquer tag &amp;lt;style&amp;gt; que estiver no documento e s\u00F3 aceita estilos inline, com o atributo style direto na tag. Nesse cen\u00E1rio, n\u00E3o tem quem \u00E9 pior ou melhor, s\u00F3 tem o pior.\r\n\r\nCom as tabelas, voc\u00EA poder\u00E1 usar a propriedades font e text, com todos os seus respectivos valores. Logo, voc\u00EA j\u00E1 consegue formatar a tipografia do seu email, contanto que use apenas fonts do sistema, por que a propriedades font-face funciona apenas em aparelhos que rodam iOS e no Apple Mail.\r\n\r\nE os seletores do CSS? Sem seletores a gente n\u00E3o consegue fazer muita coisa, n\u00E9? Pois \u00E9\u2026 Vamos continuar sem fazer muita coisa. O selector mais b\u00E1sico, que chamamos de \u201Cselector encadeado\u201C, feito assim: \u201Cdiv p\u201D, pode n\u00E3o funcionar no Gmail. Em todos os outros clientes este seletor funciona perfeitamente.\r\n\r\nA propriedade width funciona em tudo. Height s\u00F3 n\u00E3o funciona no Outlook 2007/2010 e 2013. J\u00E1 o padding e margin, podem ser usadas \u00E0 vontade. Contanto que sejam em tabelas, porque em divs n\u00E3o vai funcionar no Outlook.\r\n\r\nPerceba que as principais propriedades do CSS, as que usamos todos os dias n\u00E3o s\u00E3o aceitas perfeitamente nos clientes de email conhecidos. Na verdade at\u00E9 podem, mas voc\u00EA vai precisar abrir m\u00E3o de algum cliente de email.\r\n\r\nDe acordo com o a Litmus, que \u00E9 um servi\u00E7o para testar email marketing e websites e diversos browsers, o cliente de email do iPhone \u00E9 o mais popular. Outlook vem em segundo lugar. Depois vem o cliente de email do Android, seguido pelo do iPad. A\u00ED vem o cliente da Apple, o Apple Mail, seguido do Yahoo! Mail e Gmail. &lt;a href=\"http://emailclientmarketshare.com\"&gt;Voc\u00EA pode ver os n\u00FAmeros aqui&lt;/a&gt;.\r\n\r\nSe quiser saber tamb\u00E9m quais propriedades do CSS funcionam, &lt;a href=\"http://www.campaignmonitor.com/css/\"&gt;o Campaign Monitor mant\u00E9m uma tabela, sempre atualizada&lt;/a&gt;.\r\n\r\nLembre-se: neste ambiente incerto dos emails, teste exaustivamente. N\u00E3o acredite apenas em servi\u00E7os online para testar seus emails. Envie emails para voc\u00EA mesmo, teste pessoalmente em todos os clientes de email que puder. \u00C9 a melhor forma para voc\u00EA obter um resultado decente."^^<http://www.w3.org/2001/XMLSchema#string>
<http://tableless.com.br/email-marketing-o-inferno-parte-1/>