दिलचस्प पोस्ट
क्या जावास्क्रिप्ट के "साथ" कथन के लिए वैध उपयोग हैं? DOMContentLoaded और लोड घटनाओं के बीच का अंतर एक विशेषता द्वारा ऑब्जेक्ट की एक सूची समूह: जावा सख्त मोड में किसी अज्ञात वातावरण में वैश्विक ऑब्जेक्ट का संदर्भ प्राप्त करना PHP में अपलोड किए गए फ़ाइल प्रकार की जांच कैसे करें जावा का उपयोग कर सेलेनियम वेबड्राइवर में फ्रेम के बीच कैसे स्विच करें सरल एक्सएमएल फ़ाइल से डेटा का निष्कर्षण जावास्क्रिप्ट अपरिवर्तनीय चर को समझना सक्रिय निर्देशिका के खिलाफ उपयोगकर्ता नाम और पासवर्ड मान्य करें? सी ++ 11: लॉगरिदमिक मूल्यांकन गहराई के साथ संकलन समय आरे java.lang.IllegalMonitorStateException: थ्रेड से ऑब्जेक्ट लॉक नहीं होने से पहले प्रतीक्षा करें ()? मैं एक MySQL डाटाबेस (स्कीमा नाम बदलकर) का नाम कैसे बदलूं? टीएसक्यूएल का उपयोग कर डेटाबेस में सभी तालिकाओं को कैसे छांटते हैं? MySQL दिनांक प्रारूप क्यों एक अपने एचटीएमएल टैग आईडी जोड़ने चाहिए?

HTML ईमेल डिज़ाइन के लिए कौन से दिशानिर्देश हैं?

कई ग्राहकों और वेब आधारित ईमेल इंटरफेस में अच्छी दृश्य स्थिरता बनाए रखते हुए ईमेल में समृद्ध HTML स्वरूपण के लिए आप किस दिशा-निर्देश दे सकते हैं?

स्टैक ओवरफ्लो पर एक प्रश्न पर कोई असंबंधित उत्तर सुझाया:

http://www.campaignmonitor.com/blog/archives/2008/05/2008_email_design_guidelines.html

जिसमें निम्नलिखित दिशानिर्देश हैं:

  1. <body> Body <body> बजाय <body> में स्टाइलशीट रखें
    कुछ ईमेल क्लाइंट सीएसएस को सिर से बाहर निकाल देंगे, लेकिन इसे छोड़ दें अगर शरीर में शैली ब्लॉक (अवैध रूप से) है
  2. जहां भी संभव हो वहां इनलाइन शैलियों का उपयोग करें
    Gmail किसी भी स्टाइलशीट को पट्टी करेगा, चाहे <head> या <body> , लेकिन style="" विशेषता का उपयोग कर निर्दिष्ट इनलाइन शैलियों का सम्मान करें
  3. तालिकाओं पर लौटें
    माइक्रोसॉफ्ट वर्ड रेंडरिंग इंजन का उपयोग करके आउटलुक 2007 के लिए हाल के वर्षों में ईमेल मानकों ने वास्तव में एक विशालकाय कदम उठाया है। स्टाइलशीट्स के बिना स्थिति के बारे में आपने क्या सीखा
  4. छवियों पर भरोसा मत करो
    अधिकांश ग्राहक और अधिकांश वेब आधारित ईमेल क्लाइंट छवियों को तब तक प्रदर्शित नहीं करेंगे जब तक उपयोगकर्ता विशेष रूप से उन्हें प्रदर्शित करने के लिए अनुरोध न करें।

मेरे पास कुछ "अपुष्ट" सत्य हैं जो मुझे याद नहीं है कि मैंने उन्हें कहाँ पढ़ा था

  1. तालिकाओं में घोंसले के शिकार के दो से अधिक स्तरों का उपयोग न करें
    क्या ये सच है। यदि मैं करता हूं तो क्या होने की संभावना है? क्या कोई विशेष क्लाइंट / क्लाइंट है जो इस पर गड़बड़ है?
  2. कोशिकाओं / तालिकाओं में घोंसले के शिकार पृष्ठभूमि चित्रों के बारे में सावधान रहें
    जैसा कि मैं समझता हूं कि आप उन स्थितियों का सामना कर सकते हैं जहां पृष्ठभूमि की छवि उतरती हुई तालिका / सेल में पूरी तरह से नवीनीकृत है, और न केवल "चमक रहा" फिर, सच है या नहीं? कौन सा क्लाइंट?

मैं इस सूची को खाद से अधिक दिशा निर्देशों और अनुभवों के साथ बाहर करना चाहता हूं।

क्या आप किसी और सुझाव की पेशकश कर सकते हैं?

अद्यतन: मैं स्पष्ट रूप से एचटीएमएल में डिज़ाइन भाग के लिए दिशानिर्देशों और इसके बारे में स्थिरता के लिए पूछ रहा हूं। स्पैम फिल्टर से बचने के लिए सामान्य दिशानिर्देशों के बारे में सवाल, और सामान्य शिष्टाचार पहले से ही SO पर हैं

वेब के समाधान से एकत्रित समाधान "HTML ईमेल डिज़ाइन के लिए कौन से दिशानिर्देश हैं?"

यदि आप इसे 'आधुनिक एचटीएमएल और सीएसएस' के परिप्रेक्ष्य से देखते हैं, तो वास्तव में एक सभ्य HTML ईमेल बनाने में वास्तव में कठिन है

सर्वोत्तम परिणामों के लिए, 1 999 की कल्पना करें।

  • लेआउट के लिए तालिकाओं पर वापस जाएं (या अधिमानतः – किसी भी जटिल लेआउट का प्रयास न करें)
  • पृष्ठभूमि छवियों से डरते रहें (वे Outlook 2007 और Gmail में तोड़ते हैं)
  • स्टाइल-टैग-इन-द-बॉडी बात यह है कि हॉटमेल इस तरह से इसे स्वीकार करते थे – मुझे पूरा यकीन है कि वे अब इसे बाहर पट्टी करते हैं। style विशेषता के साथ इनलाइन शैलियों का उपयोग करें यदि आपको सीएसएस का उपयोग करना होगा।
  • float बारे में पूरी तरह से भूल जाओ
  • याद रखें कि आपकी छवियों को संभवतः अवरुद्ध किया जाएगा – पृष्ठभूमि और पाठ का रंग आपके लाभ में उपयोग करें – सुनिश्चित करें कि छवियों के साथ कुछ पठनीय पाठ अक्षम है
  • लिंक से बहुत सावधान रहें, लिंक टेक्स्ट में यूआरएल की तरह लगने वाली किसी भी चीज से सावधान रहें – आप 'फ़िशिंग' फिल्टर को गुस्सा करेंगे (जैसे <a href="http://domain.tld">www.someotherdomain.tld</a> खराब है )
  • याद रखें कि वेबमेल क्लाइंट पर "गुना" पृष्ठ को बेहद ऊंचा हो जाता है (1024×768 स्क्रीन पर, अधिकांश इंटरफेस एक सौ पिक्सल या इससे अधिक नहीं दिखाएगा) – शीर्ष पर स्थित अपनी पहचान सामग्री प्राप्त करें ताकि प्राप्तकर्ता जानता है कि आप कौन हैं
  • दृष्टिकोण के हाल के संस्करण में एक "पोर्ट्रेट" पूर्वावलोकन फलक होता है जो आपके अपेक्षा से काफी संकरा है – निश्चित-चौड़ाई वाले लेआउटों से बहुत सावधान रहना, अगर आपको उनका उपयोग करना चाहिए, तो आप उन्हें जितना भी संकीर्ण कर सकते हैं उतना संकीर्ण बनाएं।
  • फ्लैश, जावास्क्रिप्ट, एसवीजी, कैनवस, या ऐसा कुछ भी नहीं सोचें
  • टेस्ट, बहुत कुछ सुनिश्चित करें कि आपने हाल ही में आउटलुक में परीक्षण किया (चीजें बहुत बदल गई हैं! यह अब वर्ड का एचटीएमएल रेंडरिंग इंजन के रूप में उपयोग करती है, और यह अपंग है: वर्ड 2007 एचटीएमएल / सीएसएस समर्थन )। जीमेल बहुत प्यारा भी है हैरानी की बात है कि याहू के वेबमेल बहुत अच्छा है, अच्छा सीएसएस समर्थन के साथ।

सौभाग्य 😉

आगे के सवालों के जवाब देने के लिए अद्यतन:

तालिकाओं में घोंसले के शिकार के दो से अधिक स्तरों का उपयोग न करें

मेरा मानना ​​है कि यह लोटस नोट्स से संबंधित एक पुराने दिशानिर्देश है। नेस्टेड तालिकाओं को ठीक होना चाहिए, लेकिन वास्तव में, अगर आपके पास एक ऐसा लेआउट है जो इसकी जटिलता के लिए पर्याप्त है, तो आप शायद वैसे भी परेशान होने जा रहे हैं। अपना लेआउट सरल रखें

कोशिकाओं / तालिकाओं में घोंसले के शिकार पृष्ठभूमि चित्रों के बारे में सावधान रहें

यह उपर्युक्त से संबंधित हो सकता है, और यही लागू होता है, अगर आप जटिल हो रहे हैं तो आपको समस्याएं आती हैं आउटलुक के हाल के संस्करण पृष्ठभूमि छवियों को बिल्कुल भी समर्थन नहीं देते हैं, इसलिए आपको पूरी तरह से उनको पूरी तरह से भूलने की सलाह दी जाएगी

हमेशा मल्टीपार्ट माइम का उपयोग करें और एक सादा पाठ विकल्प प्रदान करें

अभियान मॉनिटर के पीछे वाले लोगों ने बहुत अच्छी जानकारी के साथ एक ईमेल मानक प्रोजेक्ट वेब साइट की शुरुआत की।

मुझे लगता है कि यह आपके द्वारा पूछे जाने वाले प्रश्न के मुकाबले कम स्तर है, लेकिन अगर आप वास्तव में एक HTML ईमेल को संभवतः कई क्लाइंटों द्वारा सही तरीके से देखा जाना चाहते हैं, तो सुनिश्चित करें कि यह मान्य MIME का उपयोग कर रहा है विशेष रूप से, एक ईमेल को वैध MIME के ​​रूप में माना जाने के लिए, हेडर (जरूरी शब्द के आरएफसी अर्थ में) इन दोनों हेडर में शामिल होंगे:

 MIME-Version: Content-Type: 

बहुत सख्त ग्राहक आपके एचटीएमएल को कच्चे टेक्स्ट के रूप में दिखाएंगे यदि इनमें से एक या अन्य अनुपलब्ध है। आप को आश्चर्य होगा कि कितने बड़े ऑनलाइन विक्रेताओं को बेहतर पता होना चाहिए कि यह खराब हो गया है (विशेषकर, मैंने एचटीएमएल ईमेल प्राप्त किया है / एमआईएमई-लापता हैः अमेज़ॅन से हेडर और एसीएम अतीत में)

इस बॉयलरप्लेट पर एक नज़र डालें, यह html5boilerplate की तरह है, लेकिन ईमेल के लिए: http://htmlemailboilerplate.com/

  • पृष्ठभूमि चित्र विश्वसनीय नहीं हैं
  • व्यावहारिक रूप से एक नो-बिनडर, लेकिन कोई जावास्क्रिप्ट नहीं
  • एक संपादक का उपयोग करें जो आपको वर्तमान फ़ाइल / बफर को एक ईमेल के रूप में भेजने या बहुत कम से कम एक प्रोग्राम का पता लगाएं, जो आपको एक HTML ईमेल के रूप में फ़ाइल की सामग्री भेजना चाहें। HTML को प्रतिलिपि करके और इसे आउटलुक (या उस बात के लिए कोई अन्य मेल प्रोग्राम) में पेस्ट करके अपने ईमेल का परीक्षण नहीं करें

सलाह के तीन शब्द: परीक्षा, परीक्षा, परीक्षण

LitmusApp.com की ईमेल परीक्षण सेवा देखें आप उन्हें एक संदेश भेजते हैं और वे इसे ग्राहकों के एक समूह में प्रस्तुत करते हैं और आपको परिणामों के स्क्रीनशॉट दिखाते हैं। यह सही नहीं है, लेकिन यह बहुत अच्छा है

(8.0 से पहले लोटस नोट्स वास्तव में, वास्तव में HTML मेल के लिए रास्ते से बदबू आ रही है)

साथ ही, इनलाइन सीएसएस शैलियों से परे, मैं जहाँ भी हो सके टैग पर स्विच करने की सलाह देता हूं।

अपनी छवियों को एम्बेड करें, उनसे लिंक न करें

ये गलत है :

 <img src="http://img.hiwab.com/html/myImage.jpg" alt="Lolkat"/> 

यह अच्छा है :

 <img src=cid:myImage/> 

हाँ, यह अजीब लग रहा है लेकिन ईमेल में छवियों को एम्बेड करने के बारे में इस मार्गदर्शिका को देखें ।

यदि आप एक स्टाइल ब्लॉक शामिल कर रहे हैं तो ".classname" या "।" के साथ कोई भी नई पंक्ति शुरू नहीं होती है कुछ भी। अवधि से पहले एक ब्रेस या कुछ डाल दिया यदि आप ऐसा नहीं करते हैं तो कुछ वेब मेल सिस्टम आपकी स्टाइल शीट को ठीक से प्रदर्शित नहीं करेगा।

बहुत से लोग गलत तरीके से मानते हैं कि वे इस व्यवहार के कारण ईमेल में सीएसएस ब्लॉक का उपयोग नहीं कर सकते हैं … IIRC "।" एसएमटीपी के लिए शरीर सीमांकक है एक संदेश की सामग्री को एक नए संदेश के रूप में गलत तरीके से जाने से रोकने के लिए सिस्टम अपने मेल स्टोर्स में बचने का प्रयास करेगा। जिस तरह से इसका संचालन किया जाता है, उस अवधि के साथ नई लाइन पर शुरू होने वाली किसी भी स्टाइल को तोड़ने की प्रवृत्ति होती है।