HTML и CSS кодиране в имейли

Съдържание
Тези, които са посветени на имейл маркетинга, трябва да знаят как да създават имейли в html.
Ще видим някои препоръки за проектирането, кодирането и доставянето на имейли в HTML формат и за това вашият бюлетин да изглежда добре в повечето имейл клиенти.
Изпращането на имейли от бюлетини е добра форма за комуникация между редактори и читатели, но ако го правим и в HTML формат, това ще ни позволи да обогатим документа с визуални елементи, които правят имейла по -привлекателен, директен достъп до други места и ние Това ще ни позволи да правим измервания при отваряне на имейли, да проследяваме и преброяваме връзките, които посещавате, да измерваме интересите на читателя и т.н.
Изпращайки имейл в обикновен текст, ние не можем да използваме всички тези функционалности, а напротив получаваме други предимства като по -ниско ниво на спам, като не включваме HTML тагове и затова улеснява пощенските клиенти да визуализират перфектно съдържанието на имейла във всички клиенти.
Кодирането на HTML за имейли може да ви причини много главоболия, тъй като както настолните, така и уеб базираните пощенски клиенти не отговарят на нито един уеб стандарт, не тълкуват добре HTML кода и стиловите листове или не го тълкуват по свой начин. Добавяне или премахване на код към получения имейл, така че дизайнът на имейла, който получателят може да е доста различен от дизайна на редактора, изпратил този имейл.
HTML над CSSОпитайте се да използвате възможно най -много HTML таговете и техните свойства вместо стилови таблици, тъй като много от CSS свойствата и селекторите са ограничени от уеб клиенти.
Използване на таблици за оформлениеДа, връщаме се към масите. Уеб стандартите казват, че таблиците не трябва да се използват за оформление на уеб страница, но това не е уеб страница, а имейл и е препоръчително да ги използвате вместоако искаме нашият бюлетин да се показва добре в повечето читатели на поща. И това е, че пощенските клиенти не поддържат много от свойствата, необходими за проектиране с разделения.
Използвайте атрибути на таблица и клетка, за да покажете таблицата, вместо да използвате свойствата на CSS. Например, задайте border = "0", valign = "top", align = "left" (или center), cellpadding = "0", cellspacing = "0" и т.н. Това ще направи таблицата да изглежда добре в стари пощенски клиенти.
Използвайте таблица като контейнер за всички таблици и вътрешни елементи (например за заглавката, съдържанието и долния колонтитул).
Опитайте се да не влагате твърде много таблици и избягвайте използването на свойството "colspan", тъй като това свойство не е добре разбрано от някои настолни клиенти.
Размер и разделителна способност. Със сигурност сте свикнали да кодирате уеб страници в 800 × 600 или приблизително в 1024 × 768, но за проектирането на имейли в HTML може да не работи много добре, тъй като повечето от клиентите показват имейла в един вид „панел за визуализация“, който обикновено е част от общото налично пространство.
Най-доброто нещо, което трябва да направите, е да зададете ширината на около 500-600px или да дадете размер в проценти, така обикновено го правя, така че да се адаптира към пространството, което имате на разположение.
Използване на каскадни таблици със стилове (CSS)Използването на стилови таблици в HTML документи за имейл е ограничено и в зависимост от това на кой клиент той ще позволи повече или по -малко свойства. В идеалния случай стиловете трябва да се прилагат към самия маркер (вградени стилове), вместо да се декларират класовете в тага Head, както бихте направили на уеб страница …
Например, препоръчително е да се използва

вместо

.
Ако използваме изображения, по -добре е да използваме пълния път към домейна, където се хоства изображението.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка

Така ще помогнете за развитието на сайта, сподели с приятелите си

wave wave wave wave wave