2012-10-16 41 views
16

मैं हाल ही में अपने ग्राहक के लिए एक न्यूजलेटर विकसित कर रहा हूं। प्रमुख मेल क्लाइंट में सीएसएस और एचटीएमएल का उपयोग करने के लिए मुझे सुरक्षित जानकारी क्यों मिलती है।क्या एचटीएमएल/सीएसएस विशेषताएँ मेल सुरक्षित हैं?

मैंने सोचा कि शायद यहां ऐसे लोग हैं जिनके पास ज्ञान है और हम उन प्रमुख चीजों की सूची बना सकते हैं जो प्रमुख मेल क्लाइंट में काम करते हैं।

यह अभियान मॉनिटर से उधार लेने वाले लोकप्रिय मेल क्लाइंट की एक सूची है। (यदि मैं somthing भूल गया कृपया मुझे बताओ)

Microsoft Outlook 
Apple Mail 
Hotmail 
Yahoo! Mail 
Gmail 

सवाल यह है कि क्या टैग, गुण, विशेष quirks इन प्रमुख ब्राउज़रों में देखते हैं और वे आसानी से कैसे बचा जा सकता है।

मदद के लिए धन्यवाद,

उत्तर

6

आप की एक व्यापक सूची पा सकते हैं का समर्थन किया और गैर-समर्थित Email Standard Project

पर सभी प्रमुख ईमेल क्लाइंट्स के लिए सीएसएस सुविधाएं जो विसंगति eliminators की एक टन है HTML ईमेल के विकास के लिए उपयोगी बूटस्ट्रैप, HTML Email Bolerplate

है और एक सामान्य नियम के रूप में - हमेशा टेबल और सभी पुराने स्कूल HTML टैग (align, center, valign, color आदि) का उपयोग करें। विषय पर कुछ reading

8

अभियान मॉनिटर पर सामान्य मेल क्लाइंट में सीएसएस समर्थन की एक विस्तृत और व्यापक सूची है।

http://www.campaignmonitor.com/css/

0

पीडीएफ अलग मेल क्लाइंट में सीएसएस समर्थन के लिए तालिका प्रारूप उपलब्ध कराने: अलग ओएस और मोबाइल मेल क्लाइंट पर वेब ग्राहक, डेस्कटॉप क्लाइंट के लिए जानकारी देता है।

CSS support by Different Email Clients

https://i3.campaignmonitor.com/assets/files/css/campaign-monitor-guide-to-css-in-email-may-2014.pdf?ver=5320&_ga=1.228308635.745708791.1442556968

0

जीमेल पहले से ही सिर

आप शैलियाँ लागू करने CSS चयनकर्ताओं का एक सबसेट का उपयोग कर सकते में style टैग का समर्थन करता है। जीमेल वर्ग, तत्व, और आईडी चयनकर्ताओं का समर्थन करता है।

<html> 
    <head> 
    <style> 
     .colored { 
     color: blue; 
     } 
     #body { 
     font-size: 14px; 
     } 
    </style> 
    </head> 
    <body> 
    <div id='body'> 
     <p>Hi Pierce,</p> 
     <p class='colored'>This text is blue.</p=> 
     <p>Jerry</p> 
    </div> 
    </body> 
</html> 

और मीडिया क्वेरी:

आप उपयोगकर्ता की वर्तमान डिवाइस सूट करने के लिए एक ईमेल की स्टाइल को समायोजित करने के मानक CSS मीडिया क्वेरी का उपयोग कर सकते हैं।जीमेल स्क्रीन चौड़ाई, अभिविन्यास और संकल्प के खिलाफ प्रश्नों का समर्थन करता है।

<html> 
    <head> 
    <style> 
     .colored { 
     color: blue; 
     } 
     #body { 
     font-size: 14px; 
     } 
     @media screen and (min-width: 500px) { 
     .colored { 
      color:red; 
     } 
     } 
    </style> 
    </head> 
    <body> 
    <div id='body'> 
     <p>Hi Pierce,</p> 
     <p class='colored'> 
     This text is blue if the window width is 
     below 500px and red otherwise. 
     </p> 
     <p>Jerry</p> 
    </div> 
    </body> 
</html>