Como o email HTML não é um host independente neste site, ele depende de outros. Portanto, escrever o HTML Mail é muito diferente de escrever páginas HTML. Porque todas as caixas de correio convencionais para internautas filtrarão mais ou menos o correio HTML que eles recebem em segundo plano. Não há dúvida de que o código JS é estritamente filtrado, incluindo todos os atributos de escuta de eventos, como OnClick e OnMouseOver, que são baseados em considerações de segurança por email. Além disso, o código CSS também será parcialmente filtrado. O que eu quero falar é como escrever e -mails HTML que não são filtrados pelas principais caixas de correio convencionais e podem ser exibidas normalmente.
Primeiro, vamos dar uma olhada em como o email exibe email HTML. Eu nunca fiz um sistema de email e os algoritmos de filtragem no back -end dos principais endereços de email não são tão fáceis para os pessoas de fora. Portanto, só podemos especular através da tela front-end para inferir quais métodos de escrita são aceitos pelo email e quais serão filtrados. Através da análise do Gmail, Hotmail, 163, Sohu e Sina, dividi o endereço de e -mail em duas categorias:
A primeira categoria inclui Gmail, Hotmail e Sohu. O conteúdo do email está organizado em uma div em toda a página da caixa de correio. Como mostrado na imagem: A segunda categoria, incluindo 163 e Sina, é usada para organizar o conteúdo de email em um iframe independente. Como mostrado na imagem:Amigos familiarizados com o HTML sabem que o conteúdo do iframe é um documento independente e é irrelevante para os elementos e CSs da página pai e pode ser tratado quase como uma página independente. E se o conteúdo do email estiver em uma div, o conteúdo de email será parte integrante de toda a página de e -mail. Obviamente, o uso do iFrame como método de apresentação de email será muito mais tolerante com o conteúdo do email, porque oferece um espaço suficientemente independente para a apresentação. E a div não é tão educada. Imagine, se você escrever este CSS em seu e -mail, a fonte em toda a caixa de correio será 20px e ficará confusa:
<tipo de estilo = texto/css>
corpo {tamanho da fonte: 20px}
</style>
Precisamos escrever um modelo de email unificado que seja compatível com cada endereço de email, para evitar o método de escrita CSS externo acima. Além disso, estilos semelhantes ao flutuador, posição etc. que possuem fluxos de conteúdo anormais também serão filtrados. Se você escrever, isso pode afetar o desempenho de endereços de email externos.
Abaixo, listo alguns princípios de escrita:1. Uma das regras globais: não escreva tags ou classe. Todo o CSS usa o atributo de estilo. Use o estilo para escrever CSS embutido para qualquer elemento que precise de qualquer estilo.
2. Regra global 2: use menos imagens. O endereço de email não filtrará suas tags IMG. No entanto, o sistema geralmente não carrega imagens de estranhos por padrão. Se você usar muitas mensagens de correio com fotos, se o filme não estiver carregado, será extremamente feio e até não conseguir ver o conteúdo claramente. O usuário impaciente o excluirá diretamente. Alt deve ser adicionado à imagem.
3. Não escreva estilos de flutuação e posicione em grande estilo, porque eles serão filtrados. Então, como alcançar o layout esquerdo e direito ou um layout mais complexo? Use tabela.
4. O plano de fundo pode ser definido no conteúdo do estilo, mas o IMG será filtrado, o que significa que a imagem de fundo não pode ser definida através do CSS. Mas há um atributo de elemento muito interessante, também chamado de fundo, onde você pode definir um caminho de imagem. Esta é uma boa alternativa. Embora essa função seja limitada, como não conseguir localizar imagens de fundo, é melhor ter uma do que não. Por exemplo, para adicionar um fundo a uma célula, você deve escrever assim:
<TD Background = http: //image1.koubei.com/images/common/logo_koubei.gif> </td>
5. O endereço de email no modo DIV não suporta flash e o modo IFRAME precisa ser verificado.
Por fim, gostaria de mencionar que o endereço de e -mail de Sohu é muito estranho. Ele adicionará um espaço após cada segmento de texto, fazendo com que o layout normal original seja cancelado e as quebras de linha, o que fará com que alguns layouts sejam confundidos. Portanto, se você deseja ser compatível com as caixas de correio SOHU, deve ter cuidado ao encontrar alguns layouts compactos, minimizar o número de segmentos de texto e deixar largura suficiente.