क्या मुझे अपने ईमेल टेम्पलेट्स के लिए एचटीएमएल 4.0 मार्क अप का उपयोग करना चाहिए?

Question

एक डिजाइनर ने सीएसएस सर्वोत्तम प्रथाओं का उपयोग करके एक HTML टेम्पलेट को कोड किया। मैं इस टेम्पलेट को ईमेल न्यूजलेटर टेम्पलेट के रूप में उपयोग करना चाहता हूं, लेकिन मैंने लोगों को हॉटमेल, याहू और जीमेल सीएसएस के लिए सीमित समर्थन प्रदान करने के बारे में सुना है।

क्या मुझे टेबल लेआउट और फ़ॉन्ट टैग का उपयोग करके इन टेम्पलेट्स को दोबारा कोड करना है?

Answer 1

संक्षिप्त उत्तर हां है।

आप वेबमेल भर में सबसे अच्छा अनुकूलता प्राप्त करने के लिए जा रहे हैं सबसे बुनियादी और संभव नीचे dumbed एचटीएमएल का उपयोग करके & ईमेल क्लाइंट खातों।

• किसी भी सीएसएस फ़ाइलों या < शैली > टैग का उपयोग न करें। सब कुछ इनलाइन करें। नेस्टेड तालिकाओं स्पष्ट चौड़ाई
  • मुझे यकीन है कि मैं के बारे में जहां मैं लेआउट में हूँ उलझन में नहीं मिलता है बनाने के लिए इन स्थितियों में एचटीएमएल टिप्पणियों का भारी उपयोग करते है साथ
  • हैंडल स्थिति।
• सभी पाठ फ़ॉन्ट शैली की जानकारी के साथ < फ़ॉन्ट > टैग से घिरा होना चाहिए।
• छवियों में स्पष्ट चौड़ाई & ऊंचाई होनी चाहिए।
  • यह छवियों को अवरुद्ध होने पर ईमेल को उचित लेआउट बनाए रखने में सहायता करता है।

---

मैं आमतौर पर निम्नलिखित की एक न्यूनतम पर परीक्षण:

• Outlook 2003
• आउटलुक 2007
  • अपने सिर दर्द के अधिकांश यहाँ से आएगा।
• थंडरबर्ड
• Entourage (आउटलुक की OSX संस्करण)
• जीमेल
• हॉटमेल
• याहू मेल

यदि आप कुछ है कि शो मिल आप बहुत अच्छी हालत में आम तौर पर कर रहे हैं उन सभी पर ठीक से ऊपर।

हम सटीक लक्ष्य का उपयोग करते हैं और उनके पास एक HTML पूर्वावलोकन सुविधा है लेकिन यह सही नहीं है। के माध्यम से आउटलुक 2007 में टूट

Answer 2

क्या मार्क ने कहा कि पर निर्माण करने के लिए

मैं आई है स्थितियों में, जहां एक ई-मेल पूर्वावलोकन में अच्छा लग रहा था, लेकिन अभी भी बहुत सारा आया:

बिल्कुल संभव हो तो, उपयोग करने से बचें सीएसएस बिल्कुल (हालांकि, पाठ की तरह चीजों के लिए यह आमतौर पर ठीक है)।सभी पोजीशनिंग के लिए टेबल का उपयोग करें, <td> पैडिंग/छोटी पोजिशनिंग बिट्स के लिए तत्व खाली करें।

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

Answer 3

के निशान से ऊपर सब कुछ है कि आप ईमेल टेम्पलेट्स विकसित करने के लिए क्या करने की जरूरत कहा (यह 90 है फिर से), लेकिन मैं एक आखिरी बात जोड़ना चाहते थे:

http://www.email-standards.org/ एक महान संसाधन है कि कैसे विभिन्न ईमेल क्लाइंट को देखने के लिए एचटीएमएल और सीएसएस की व्याख्या करें।

Answer 4

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

MailChimp और CampaignMonitor दोनों उत्कृष्ट निःशुल्क HTML ईमेल टेम्पलेट प्रदान करते हैं। वे दोनों ईमेल परीक्षण सेवाएं प्रदान करते हैं जो आपके एचटीएमएल ईमेल कई अलग-अलग ईमेल क्लाइंट को भेजते हैं और फिर आपको परिणामों के स्क्रीनशॉट भेजते हैं।

Answer 5

निश्चित ऊंचाई/वजन के साथ div टैग का उपयोग करें और अपने सभी HTML को वहां रखें। यह ज्यादातर ग्राहकों में समान दिखता है। मैंने पहले इसे आजमाया और यह ठीक काम करता है।