Best Practices for HTML e-post Design

Best Practices for HTML e-post Design


Hypertext Markup Language (HTML) e-post er en effektiv måte å sende personlige meldinger, for eksempel nyhetsbrev, til mottakerne. Som du koden din e-post, sørg for at seerne kan få tilgang til alle funksjonene som du inkluderer. For eksempel, hvis bildefiler er for stor, kan en mottakerens e-postprogram fryse eller ikke laste meldingen i det hele tatt. Bruk beste praksis for å sikre at notatet viser også.

Coding Layout

Selv om bord er ikke ønskelig for å bygge websider, i tilfelle av HTML e-poster, er dette den beste løsningen. Årsaken er at de fleste Cascading Style Sheets (CSS) regler - den tradisjonelle måten å designe en layout - ikke vises riktig i en e-postmelding. I stedet, en HTML-tabellens rader og kolonner effektivt imøtekomme behovene til presentasjonen.

Styling innhold

Mens CSS ikke kan lage oppsettet av HTML e-post, kan du bruke det som kalles "inline" CSS-stiler å formatere innholdet i notatet. De innebygde regler vises direkte i HTML-koden og kontrollere grunnleggende funksjoner, inkludert skriftsnitt, skriftstørrelse og farge. Ikke plasser CSS-koden hvor som helst annet enn HTML-kode, for eksempel i dokumentet "hodet", fordi stilene ikke blir håndhevet i en e-postmelding.

inkludert Hyperkoblinger

Som med websider, hyperkoblinger (linker) lar mottakeren til å klikke den utpekte tekst og få tilgang til destinasjonen på nettet som du peker dem til. Den største forskjellen med e-post er at du alltid må bruke en "absolutt" Web-adresse, som er den fullstendige URL i stedet for en snarvei. For eksempel, mens en post som "../index.html" fungerer på en webside, HTML e-post krever den fullstendige nettadressen til å fungere ordentlig.

Sette inn bilder

Et bilde effektivt forbedrer en HTML-e-post, forutsatt at det brukes riktig. Husk at den personen i "Til" adressefeltet ikke kan ha en e-post program som tillater ham å vise en stor størrelse bildefil. Enda mer, ser mottakeren notatet på en mindre skjerm, fordi hun ser på det i en e-postmelding, snarere enn et nettleservindu. For å sikre at grafikken er tilgjengelig, holde bildestørrelsen dimensjoner mellom 400 piksler bred og 300 piksler høyt og holde den totale størrelsen ned til 50 kilobyte (kB) eller mindre.

Unngå visse funksjoner

Avstå fra inkludert funksjoner, for eksempel Flash og Javascript, som ikke støttes i e-postprogrammer. I tillegg, mens videoer kan legges til med HTML 5 og støttet i noen e-postprogrammer, er dette mediet fortsatt ikke allment akseptert av de fleste programmer og bare gjør meldingen størrelse større.

Forbereder å sende HTML-e-post

Det er best å sende en kopi av den ferdige e-post til deg selv og en annen person som har en annen e-postprogram enn du gjør. På denne måten kontrollerer du at notatet viser seg som forutsatt, og du har muligheten til å identifisere eventuelle uforutsette problemer før du sender den til mottakeren (e).