HTML ve Css bugünün web dünyasının vazgeçilmez birer parçası. Ancak iş html e-mail kodlamasına gelince biraz değişiyor. Bu nedenle işin başında hedef kitlenizin kullandığı mail servis sağlayıcılarını bilmenizde fayda var. Bu sayede belli servis sağlayıcılarına yönelik tasarım ve kodlamanızı yaparak iş yükünüz azaltarak zamandan tasarruf edebilirsiniz.
E-mail servis sağlayıcılarının desteklediği Css özellliklerini görmek için aşağıdaki resime tıklayın.
E-mail bir web sayfası değildir ve haliyle farklı şekilde tasarımına ve kodlamasına yaklaşmak gerekir. Göz önünde bulundurmamız gereken farkların başında ise <div> ve css gelmekte. Burada geçmişe giderek eski tarz kodlama yöntemleri kullanmamız lazım. E-mail servis sağlayıcıları için yazacağımız kodlar 10 yıl önceki kodlardan çok da farklı değil. Gmail, Outlook gibi belli başlı mail sağlayıcılarını Css desteği düşük düzeyde olduğu için layout’u <div> yerine tablolar ile oluşturmamız gerekiyor.
Her ne kadar eski usül kodlama yapmamız gerekse de Css desteğinden tamamen mahrum değiliz. Tabloda da göreceğiniz gibi e-mail sağlayıcılar tarafafından desteklenen ve desteklenmeyen özellikler var. Burada öncelikle dikkat etmemiz gereken <head> kısmına girilen sitillerin Gmail gibi bazı servis sağlayıcılar tarafından gözardı edildiği. Gmail’in destek vermemesinden dolayı sitilleri inline olarak girmemiz lazım.
Tablolarda boşluklara dikkat edin. <td> tagleri arasınraki boşluklar fazladan padding ekleyerek tasarımınızın bozulmasına sebep olabilir.
E-mailinizi boyutlandırırken her zaman değelerinizi pixel olarak verin ve en fazla 500-600 px’lik değeleri geçmemesine dikkat edin.
Dikkat etmeniz gereken diğer bir konu ise resimler ile ilgili. Resimler bir çok mail sağlayıcısı tarafından engellenir. Bunu gözönünde bulundurarak tasarımınızı mümkün olduğunca basit tutarak görselleriniz olmadan da anlam ifade etmesine önem gösterin.
Css text özelliklerinden font-family, font-weight, text-align, text-decoration tüm sağlayıcılar tarafından desteklenen css özellikleri. bunların dışında kalan text özellikleri de büyük çapta desteklenmekte. En az desteklenen ise background ve box model özellikleri.
Son yıllarda bu alanda her ne kadar bir gelişme söz konusu olsa da olması gereken düzeyin hala çok gerisinde. Türkiye’de yaygın olarak kullanılan mail servis sağlayıcılarının css desteğini aşağıdaki resimde bulabilirsiniz. Email-standards.org adresinden de bu konuda yardım alabilirsiniz.
Faydalı olması dileğiyle…
Yararlanılan Kaynaklar: campaignmonitor, sitepoint
Yazar Hakkında: UI Developer 
#0