Utilizarea corectă a html și css în mesajele e-mail

Atunci când se utilizează HTML pentru un mesaj text e-mail-mesaj ar trebui să se țină seama de faptul că programele de e-mail în mai multe moduri reflectă astfel de scrisori. O pagină web este un aspect deosebit în browser (Firefox, Internet Explorer sau Opera), poate fi grav distorsionat programul de e-mail (Outlook, Thunderbird, Mail.ru, Gmail). Dacă nu urmați regulile simple cu privire la utilizarea de HTML și CSS în pregătirea de scrisori, abonații vor vedea în loc de a scrie un set frumos urât de imagini, linii și link-uri, și să refuze să primească mesaje viitor. Cum de a crea un rezistent HTML restricții de corespondență internă descrise în recomandările noastre.







Linii directoare pentru compilarea de e-mailuri HTML

  • Pentru a crea o structură a paginii, este mai bine să folosiți tabele. Dacă sunteți obișnuit să tastați blocuri DIV. va fi necesar să renunțăm la această abordare, având în vedere sprijinul slab al elementelor bloc de clienții de corespondență.
  • Pentru a seta fundalul paginii, ar trebui să utilizați un tabel cu lățimea de 100% și alinierea centrului, în care puteți atașa un alt tabel cu conținutul principal al literei.
  • Este de dorit să evitați un nivel mare de mese de cuibărit, deoarece Structura mesajului poate fi coruptă prin programe de e-mail.






  • Majoritatea programelor de e-mail șterg stiluri externe, inclusiv linkuri către fișiere de stil externe adăugate utilizând eticheta LINK. Prin urmare, pentru a afișa corect un mesaj, utilizați numai stiluri inline pentru etichetele HTML, de exemplu:

    Nu se recomandă utilizarea unor forme abstracte de stiluri, de exemplu:

    Pentru a afișa corect mesajul, specificați toate proprietățile separat:

    Din păcate, suportul proprietăților CSS de către clienții de e-mail nu este foarte larg în comparație cu browserele de internet moderne. Pentru ca scrisoarea să arate corectă pentru toți destinatarii, utilizați numai următorul set de stiluri acceptate pe scară largă:

    culoare de fundal
    graniță.
    culoare
    Font-.
    literă spațiere
    line-height
    margin-.
    padding-.
    text-align
    text-decor
    text-transformare

    Selectarea și testarea designului de scrisori

    Dacă aveți posibilitatea de a alege între simplu și sofisticat de design HTML litere, pentru a alege simplu - în acest caz, șansele de afișare incorecte în clientul de e-mail este minim.







    Articole similare

    Trimiteți-le prietenilor: