स्टाइलिंग HTML ईमेल जीमेल

के लिए मैं एक HTML ईमेल एक आंतरिक स्टाइलशीट का उपयोग करता है, पैदा कर रहा हूँ अर्थात्स्टाइलिंग HTML ईमेल जीमेल

<!doctype html> 
<html> 
<head> 
    <style type="text/css"> 
    h2.foo {color: red}  
    </style> 
</head> 
<body> 
<h2 class="foo">Email content here</foo> 
</body> 
</html>

जब Gmail में देखी ऐसा लगता है आंतरिक स्टाइलशीट में सभी शैलियों अनदेखी कर रहे हैं। ऐसा लगता है कि जीमेल इनलाइन नियमों के अलावा सभी शैलियों को अनदेखा करता है, उदा।

<h2 style="color: red">Email content here</foo>

क्या यह जीमेल के साथ देखे जाने पर HTML ईमेल स्टाइल करने का मेरा एकमात्र विकल्प है?

स्रोत

2012-01-29 Dónal

+14

हां यह एकमात्र ऐसा है क्योंकि कई वेब आधारित ई-मेल क्लाइंट आंतरिक स्टाइलशीट को नहीं पहचानते हैं। असल में इनलाइन स्टाइलिंग एचटीएमएल न्यूज़लेटर्स को डिजाइन करने का अनुशंसित तरीका है। – Mike

जहां तक मुझे पता है, ईमेल पाठकों को एचटीएमएल 3.2 और सीएसएस 1.1 का समर्थन करने की उम्मीद की जा सकती है। – bdares

आपने अपना ईमेल कैसे बनाया? मेरा मतलब है कि आप इरादा बनाने का कोड जोड़ते हैं? – RaphMclee

सब कुछ के लिए इनलाइन शैलियों का उपयोग करें। यह साइट आपकी कक्षाओं को इनलाइन शैलियों में परिवर्तित कर देगी: http://premailer.dialect.ca/

स्रोत

2012-02-03 21:43:39 substate

यह साइट कमाल है। चेतावनी दिखाता है और आपको एक सादा पाठ आउटपुट देता है साथ ही साथ आपके HTML को पुन: प्रारूपित करता है। – jamesbar2

बहुत बढ़िया, यह बहुत उपयोगी है। धन्यवाद –

यह प्रीमेलर रुबी में है, स्रोत: https://github.com/premailer/premailer। पायथन में एक और है: https://premailer.io/ स्रोत: https://github.com/peterbe/premailer, दोनों खुले स्रोत हैं। –

जीमेल ने मुख्य क्षेत्र में स्टाइल टैग के लिए बुनियादी समर्थन शुरू किया। अभी तक कुछ भी आधिकारिक नहीं मिला लेकिन आप इसे आसानी से आजमा सकते हैं।
ऐसा लगता है कि कक्षा और आईडी चयनकर्ताओं को अनदेखा किया जाता है लेकिन बुनियादी तत्व चयनकर्ता काम करते हैं।

<!doctype html> 
<html> 
    <head> 
    <style type="text/css"> 
     p{font-family:Tahoma,sans-serif;font-size:12px;margin:0} 
    </style> 
    </head> 
    <body> 
    <p>Email content here</p> 
    </body> 
</html>

यह मेल शरीर

<style>div.m14623dcb877eef15 p{font-family:Tahoma,sans-serif;font-size:12px;margin:0}</style>

स्रोत

2014-05-22 12:43:46 fuchs777

यह अभी भी मीडिया प्रश्नों का समर्थन नहीं करता है, हालांकि यह शर्म की बात है। कक्षाएं और आईडी भी उपयोगी हैं :) – Eoin

अब वे मीडिया प्रश्न भी करते हैं और सीएसएस स्टाइल के लिए पूर्ण समर्थन करते हैं। http://stackoverflow.com/questions/39759764/unexpected-value-fileuploadmodule-imported-by-the-module-uploadermodule-ng – crowmagnumb

के रूप में अन्य लोगों ने कहा युक्त div तक ही सीमित अपने स्वयं के सिर क्षेत्र में एक शैली टैग बनाएगा, कुछ ईमेल प्रोग्राम सीएसएस शैलियों को पढ़ नहीं होंगे।

http://zurb.com/ink/inliner.php

यह बहुत काम में आता है जब MailChimp से ऊपर उल्लेख किया उन जैसे टेम्पलेट का उपयोग कर, अभियान पर नजर रखने के: आप पहले से ही एक वेब ईमेल लिखा है आप अपनी शैली के सभी इनलाइन करने के लिए Zurb से निम्नलिखित उपकरण का उपयोग कर सकते हैं , आदि, जैसा कि आपने पाया है, कुछ ईमेल कार्यक्रमों में काम नहीं करेंगे। यह टूल मेल प्रोग्राम के लिए आपके स्टाइल सेक्शन को छोड़ देता है जो इसे पढ़ेगा और आपके इच्छित प्रारूप में अधिक सार्वभौमिक पठनीयता पाने के लिए सभी शैलियों को इनलाइन रखेगा।

स्रोत

2015-03-22 22:59:55

ध्यान दें कि ईमेल भेजने के लिए सेवाएं और टूल आपके लिए सीएसएस को रेखांकित करने में सक्षम हो सकते हैं, जिससे Gmail में <style> टैग में सीएसएस की अनुमति मिलती है।

उदाहरण के लिए, यदि आप MailChimp के साथ ईमेल भेज रहे हैं, तो <style> टैग से आपका सीएसएस डिफ़ॉल्ट रूप से स्वचालित रूप से रेखांकित हो जाएगा। प्रकार का बंदर के साथ, आप इस कार्यक्षमता सक्षम कर सकते हैं "HTML ईमेल में इनलाइन सीएसएस शैलियाँ" जाँच सेटिंग टैब के "चूक भेजा जा रहा है" अनुभाग में बॉक्स से (हालांकि यह डिफ़ॉल्ट for performance reasons से अक्षम होता है):

Image showing how to do this in Mandrill

स्रोत

2015-05-30 11:27:27

यहां उत्तर 30 सितंबर 2016 के रूप में पुराने हैं। जीमेल वर्तमान में rolling out supportstyle टैग head में टैग के साथ-साथ मीडिया प्रश्नों के लिए है। अगर जीमेल आपकी एकमात्र चिंता है, तो आप आधुनिक डेवलपर की तरह कक्षाओं का उपयोग सुरक्षित हैं!

संदर्भ के लिए, आप official gmail CSS docs देख सकते हैं।

एक साइड नोट के रूप में, जीमेल एकमात्र प्रमुख ग्राहक था जिसने style (reference का समर्थन नहीं किया, जब तक वे वैसे भी अपडेट नहीं करते)। इसका मतलब है कि आप लगभग सुरक्षित रूप से स्टाइल इनलाइन डालने से रोक सकते हैं। कुछ अधिक अस्पष्ट ग्राहकों को अभी भी उनकी आवश्यकता हो सकती है।

स्रोत

2016-09-30 19:05:09

ऐसा लगता है कि यह अभी भी काम नहीं करता है। हमने इसे लिटमस में आजमाया, लेकिन यह काम नहीं करता है। क्या कोई विशेष कारण है? –

@ArianHosseinzadeh क्या काम नहीं करता है? इस मामले पर उनके दस्तावेज के लिए एक संदर्भ जोड़ा गया। –

हमने इसे लिटमस में आजमाया, और यह गैर-इनलाइन स्टाइलिंग को अनदेखा करता है। क्या आपने घोषणा की है कि आपने जीमेल के लिए