HTML- og CSS -koding i e -post

Innholdsfortegnelse
De som er dedikert til e -postmarkedsføring, bør vite hvordan de lager e -poster i html.
Vi kommer til å se noen anbefalinger for design, koding og levering av e -post i HTML -format og for å få ditt nyhetsbrev til å se bra ut i de fleste e -postklienter.
Å sende e -post fra nyhetsbrev er en god kommunikasjonsform mellom redaktører og lesere, men hvis vi også gjør det i HTML -format, vil det tillate oss å berike dokumentet med visuelle elementer som gjør e -posten mer attraktiv, direkte tilgang til andre steder og vi Det lar oss gjøre målinger på e -poståpninger, spore og telle koblingene du besøker, måle leserens interesser, etc.
Ved å sende en e -post i ren tekst kan vi ikke bruke alle disse funksjonene, men tvert imot oppnår vi andre fordeler, for eksempel et lavere nivå av spam ved ikke å inkludere HTML -tagger, og det er derfor det gjør det lettere for e -postklienter å perfekt visualisere innholdet av e -posten i alle kundene.
Koding av HTML for e-post kan gi deg mye hodepine, fordi både stasjonære og nettbaserte e-postklienter ikke overholder noen webstandard, ikke tolker HTML-kode og stilark godt eller tolker det på sin egen måte. Legge til eller fjerne kode til den mottatte e -posten, så utformingen av e -posten som mottakeren mottar kan være ganske forskjellig fra utformingen av redaktøren som sendte den e -posten.
HTML over CSSPrøv å bruke HTML -tagger og deres egenskaper så mye som mulig i stedet for stilark, siden mange av CSS -egenskapene og -velgerne er begrenset av webklienter.
Bruke tabeller for layoutJa, vi går tilbake til bordene. Nettstandardene sier at tabeller ikke skal brukes til å sette opp en webside, men dette er ikke en webside, men en e -post, og det er lurt å bruke dem i stedet forhvis vi vil at vårt nyhetsbrev skal vises godt hos de fleste e -postlesere. Og det er at postklienter ikke støtter mange av egenskapene som er nødvendige for å designe med divisjoner.
Bruk tabell- og celleattributter til å vise tabellen i stedet for å bruke CSS -egenskaper. Tilordne for eksempel border = "0", valign = "top", align = "left" (eller center), cellpadding = "0", cellspacing = "0", og så videre. Dette vil få tabellen til å se bra ut i gamle postklienter.
Bruk en tabell som en beholder for alle tabeller og interne elementer (for eksempel for topptekst, innhold og bunntekst).
Prøv å ikke hekke for mange bord og unngå å bruke "colspan" -egenskapen, siden denne egenskapen ikke er godt forstått av noen stasjonære klienter.
Størrelse og oppløsning. Sikkert er du vant til å kode websider i 800 × 600 eller i 1024 × 768 omtrentlig, men for utformingen av e -poster i HTML fungerer det kanskje ikke veldig bra siden de fleste av klientene viser e -posten i et slags "forhåndsvisningspanel" som er normalt en del av den totale tilgjengelige plassen.
Det beste du kan gjøre er å sette bredden til ca 500-600px eller gi en størrelse i prosent, som er hvordan jeg vanligvis gjør det slik at det tilpasser seg plassen du har tilgjengelig.
Bruke Cascading Style Sheets (CSS)Bruken av stilark i HTML -dokumenter for e -post er begrenset, og avhengig av hvilken klient den vil tillate flere eller færre eiendommer. Ideelt sett bør stiler brukes på selve taggen (innebygde stiler) i stedet for å deklarere klassene i Head -taggen som du ville gjort på en webside …
For eksempel anbefales det å bruke

i stedet for

.
Hvis vi bruker bilder er det bedre å bruke hele banen til domenet der bildet ligger.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave