2009-05-15 12 views
10

मैंने कहीं पढ़ा है कि एक HTML ईमेल बनाते समय, आपको टेबल-आधारित लेआउट का उपयोग करना चाहिए। आपको टेबललेस सीएसएस आधारित लेआउट बनाने की परवाह नहीं करनी चाहिए। क्या यह सच है? मुझे अपनी कंपनी के लिए न्यूजलेटर लेआउट बनाना है, लेकिन मुझे confestable लेखन 3 नेस्टेड टेबल नहीं लगता है।क्या यह सच है कि HTML में न्यूजलेटर में "टेबल-आधारित" लेआउट होना चाहिए?

+9

बस अश्लील संलग्न करें और कोई भी –

+0

इंटरनेट पर चाड जीत जाएगा। यह सलाह ऑनलाइन सामग्री डालने से संबंधित लगभग हर परिस्थिति में उपयोगी है। – Scottie

+0

http://stackoverflow.com/questions/294917/outlook-rendering-problem-rendering-text-too-large/575878#575878 भी देखें। – voyager

उत्तर

30

आप अपने HTML- ईमेल सबसे ईमेल क्लाइंट में अच्छे लग रहे करना चाहते हैं, तो आप के रूप में यह अभी भी 1999 :)

+2

+1 यह बिल्कुल 100% सही दृष्टिकोण है। अगर लोग सोचते हैं कि ब्राउजर (आईई अर्थ) खराब हैं, तो मेलर्स बहुत दूर हैं। – cletus

+0

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

+0

+1 कमल नोट्स, मैं आपको देख रहा हूं – Flash

2

निश्चित रूप से कोई मानक नहीं है जो इसे अनिवार्य करता है, और वास्तव में, सर्वोत्तम प्रथाओं का निर्देश है कि तालिकाओं को लेआउट के लिए उपयोग नहीं किया जाना चाहिए (टैब्यूलर डेटा डालने के मामले में छोड़कर)।

प्रस्तुति में तालिकाओं का उपयोग करने के लिए एक तर्क है, क्योंकि डेस्कटॉप और वेब-आधारित ईमेल क्लाइंट की पर्याप्त गारंटी नहीं है कि सीएसएस-आधारित प्रस्तुति ठीक से प्रस्तुत करेगी ... हालांकि, मैं यह नहीं कहूंगा कि यह एक है खुद में तर्क और तर्क।

+3

पूरी तरह से असहमत ... वेबसाइटों के लिए सर्वोत्तम अभ्यास HTML ईमेल के लिए सर्वोत्तम अभ्यास के समान नहीं है। – Greg

+3

क्षमा करें, जेम्स, लेकिन मुझे आपके साथ असहमत होना है। मुझे कई HTML ईमेल बनाना पड़ा है, और मैंने देखा है कि हर सर्वोत्तम अभ्यास मार्गदर्शिका और मुझे बताए गए हर व्यक्तिगत अनुभव से मुझे पता चलता है कि HTML ईमेल में टेबल जाने का तरीका है। Outlook 2007 में HTML प्रतिपादन इंजन के रूप में Word का उपयोग करने के लिए हम माइक्रोसॉफ्ट के चरणों में इसके लिए अधिकतर दोष डाल सकते हैं। – Scottie

+0

मैं ब्राउज़र और ईमेल क्लाइंट के लिए अलग-अलग आवश्यकताओं को पूरी तरह से समझता हूं। मैंने दोनों बिंदुओं को संबोधित किया: कोई मानक नहीं है, लेकिन यह संगतता की गारंटी देने का एकमात्र तरीका हो सकता है। –

1

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

-3

अतीत यह पेज लेआउट के लिए तालिकाओं का उपयोग करने के लिए एक आम बात थी, और कई लोग हैं जो पेज बनाने इस तरह से इसे और अधिक आरामदायक कर रहे हैं।

जैसा कि जेम्स कहते हैं, पेज लेआउट के लिए सीएसएस पोजीशनिंग सुविधाओं का उपयोग करना सबसे अच्छा अभ्यास है, सिवाय इसके कि यह वास्तव में टैब्यूलर डेटा है; लेकिन व्यक्तिगत रूप से मुझे अक्सर सीएसएस के साथ होने वाले प्रभावों को प्राप्त करना मुश्किल लगता है।

5

यह शायद किसी अन्य चीज़ की तुलना में ईमेल क्लाइंट प्रतिपादन (जो भयानक है) की वास्तविकता पर आधारित है। तकनीकी रूप से यह लगभग निश्चित रूप से गलत है, लेकिन व्यावहारिक रूप से यह सबसे अच्छी सलाह हो सकती है। Truppo इस पर छूता है।

1

आप इस को देखने के लिए चाहते हो सकता है, हालांकि यह Oulook HTML/CSS सबसेट समर्थन वर्णित के बारे में विशेष रूप से है:

http://msdn.microsoft.com/en-us/library/aa338201.aspx

1

कारण टेबल उपयोग किया जाता है दो गुना है:

  1. एचटीएमएल ई-मेल व्यापक रूप से भिन्न क्षमताओं वाले ग्राहकों की एक विस्तृत श्रृंखला में प्रस्तुत किया जा सकता है। यह प्रत्येक ब्राउज़र के लिए वेबसाइट तैयार करने की कोशिश करने जैसा है, फिर इसे 10 से गुणा करें।
  2. कुछ वेब ई-मेल क्लाइंट सीएसएस लेआउट के साथ कहर बरकरार रखते हैं।
25

मैं अत्यधिक Email Standards Project वेबसाइट पर जाने का भुगतान करने की अत्यधिक अनुशंसा करता हूं। यह बाजार पर लगभग हर प्रमुख ईमेल क्लाइंट (स्टैंडअलोन और वेब-आधारित दोनों) सूचीबद्ध करता है और यह बताता है कि प्रत्येक में कितना HTML समर्थन बनाया गया है।

उचित एचटीएमएल ईमेल निर्माण के लिए कुछ व्यावहारिक मार्गदर्शकों के लिए अभियान मॉनिटर के email design guidelines को भी देखें - दुख की बात है, "टेबल का उपयोग करें।"

+0

+1।अच्छे लिंक, उन्हें दिमाग में सहन करेंगे। –

+0

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

2

मुझे ऐसी दुनिया से प्यार होगा जहां कोई भी एचटीएमएल का उपयोग नहीं किया जाएगा जहां सादा पाठ होगा, लेकिन यह स्थिति नहीं है। यदि आपका काम एचटीएमएल के साथ आना है जो आपको शर्मिंदा नहीं करेगा जब आपके ग्राहक इसे अपने पसंदीदा ईमेल क्लाइंट (एप्लिकेशन या वेब आधारित ईमेल) में देखने का प्रयास करेंगे, तो अर्थपूर्ण मार्कअप और सीएसएस के साथ रहना मुश्किल है।

जो मैं नमक के अनाज के साथ कह रहा हूं उसे ले लो क्योंकि मैंने इसे सीखने के अभ्यास के रूप में ही किया है, पेशेवर नहीं। एक आलेख के आधार पर मैंने बुकमार्क किया था और उस लेख में मुझे और लिंक मिले थे, निम्नलिखित पृष्ठ HTML ईमेल भेजने में शामिल वास्तविक मुद्दों की अच्छी चर्चा करते हैं।

http://www.sitepoint.com/article/code-html-email-newsletters/

http://www.sitepoint.com/article/principles-beautiful-html-email/

http://www.sitepoint.com/article/designers-guide-html-email/

मुद्दे शामिल देखते हुए, लेआउट के लिए तालिकाओं का उपयोग व्यावहारिक समझ में आता है।

0

मुझे पता लगाया गया कि div आधारित लेआउट के साथ समस्या है।

0

हम ग्राहकों के साथ कुछ परीक्षण कर रहे हैं कि समाचार पत्र अपने कंप्यूटर पर कैसे देखते हैं और पाया कि बहुमत Outlook में या मेल में एक लेआउट का उपयोग कर रहा है जो केवल 45 वर्णों की चौड़ाई दिखाता है। वे एक नई विंडो में ईमेल खोलने या चारों ओर स्क्रॉल करने के लिए डबल-क्लिक करने के लिए परेशान नहीं हैं। कुछ हद तक बेहतर लोगो और पाठ के अलावा कुछ सामग्री वाले ईमेल केवल एक बड़े जीआईएफ वाले थे ...

0

अभियान मॉनीटर की सलाह पर +1। मैंने Emma से बहुत अच्छी सामग्री भी देखी है। मेरे अनुभव में, सरल आप एक ईमेल न्यूज़लेटर टेम्पलेट, बेहतर बना सकते हैं। यह एक ऐसी दुनिया में दोगुना सच है जहां उपयोगकर्ताओं का बढ़ता प्रतिशत एक छोटे से स्क्रीन के साथ मोबाइल डिवाइस पर आपका संदेश पढ़ रहा है।

संबंधित मुद्दे

 संबंधित मुद्दे