HTML टाइप करें

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



नीचे उन विशेषताओं की एक सूची दी गई है जिनका हमने सामना किया और उन्हें हल करने के तरीके (मैं उन्हें किसी तरह हल करने में सक्षम नहीं था, इसलिए सब कुछ एक ही सूची में चला जाता है)

• ताकि एनकोडिंग में कोई समस्या न हो - हम UTF-8 में बनाते हैं, HEAD में हमें <meta http-equiv = "सामग्री-प्रकार" सामग्री = "पाठ / html निर्दिष्ट करने की आवश्यकता होती है; charset = utf-8 ">;
• Mail.ru, Yandex और Rambler mails सभी css को काट देते हैं, इसलिए आपको HTML3.2 का उपयोग करके टाइप करना होगा;
• Mail.ru तत्वों का इंडेंटेशन करता है ताकि उन्हें <div id = "mailsub"> में एक पत्र में लपेटने की आवश्यकता न हो;
• Mail.ru (और यह यैंडेक्स जैसा दिखता है) कोड में पैडिंग (\ t) को & nbsp; इसलिए, कोड को टैब से नहीं पीटा जाना चाहिए;
• आप HTML संस्करण में HTML संस्थाओं का उपयोग नहीं कर सकते क्योंकि यह एक पाठ संस्करण है, HTML नहीं। इसके अलावा, पाठ संस्करण में, आप यूनिकोड वर्णों का उपयोग नहीं कर सकते हैं जो कि विंडोज़ -1251 में नहीं हैं, क्योंकि mail.ru किसी कारण से इस एन्कोडिंग के लिए एक पत्र ट्रांसकोड करता है;
• आउटलुक 2007 पृष्ठभूमि छवियों के उपयोग की अनुमति नहीं देता है। हमने वास्तव में 1 हैक पाया - आप शरीर के लिए पृष्ठभूमि-छवि निर्दिष्ट कर सकते हैं। फिर यह आउटलुक बैकग्राउंड दिखाएगा। लेकिन अगर हम बैकग्राउंड-पोजीशन या बैकग्राउंड-रिपीट का उपयोग करते हैं तो हैक काम नहीं करता है। वेब क्लाइंट में, यह पृष्ठभूमि नहीं दिखाई जाएगी, इसलिए आपको इसके संकेत की नकल करने की आवश्यकता है - आउटलुक के लिए बॉडी के लिए शैली में, और वेब क्लाइंट के लिए "रूट" तालिका के लिए पृष्ठभूमि में;
• आउटलुक 2007 div तत्वों के शीर्ष पर मार्जिन बनाता है। सेलपैडिंग के साथ एक तालिका = 0 सेलस्पेसिंग = 0 में ऐसे फ़ील्ड नहीं हैं;
• नवीनतम डिज्नी न्यूज़लेटर्स में, हमें पृष्ठभूमि छवियों के उपयोग को पूरी तरह से छोड़ना पड़ा, जैसा कि पृष्ठभूमि के ऊपर चित्रों को रखने और तालिका के अंदर चित्रों के एक सेट से मिलकर मुख्य लेआउट बनाने में समस्याएं थीं। पाठ को चित्रों में भी शामिल किया गया है, लिंक को रखा जाता है , जिसे क्षेत्रमैप का उपयोग करके रखा जाता है , क्योंकि इसका उपयोग नहीं किया जा सकता है आप Gmail में ऐसे लिंक पर क्लिक नहीं कर सकते। पत्र को चित्रों में कटौती करना और उन्हें टेबल पर सहेजना आवश्यक है;
• जीमेल में, यदि चित्र, जो तालिका सेल में एकमात्र है, में नीचे से 3px इंडेंट है, इसे इस चित्र में शैली = "प्रदर्शन: ब्लॉक" सेट करके समाप्त किया जा सकता है;
• रेम्बलर में, पत्र के शरीर में इंगित चित्रों को क्रमशः लिंक के प्रतिस्थापन के साथ उनके सर्वर पर विलय कर दिया जाता है, यदि आप अपने सर्वर से भेजे गए समाचार पत्र को देखते हैं, तो http प्राधिकरणों के बाहर से बंद, चित्र प्रदर्शित नहीं होंगे;
• यांडेक्स में, यदि संदेश का मुख्य भाग {स्ट्रिप} के अंदर रखा जाता है (सभी लाइन ब्रेक कट आउट हो जाते हैं), कभी-कभी संदेश के शरीर में असंगत लाइन ब्रेक दिखाई देते हैं, जो src या href विशेषता के मान पर गिर सकता है। उसी समय, चित्र प्रदर्शित नहीं हो सकते हैं, और लिंक नहीं खुल सकते हैं;
• IE6 में छवियों के निचले भाग में 3px इंडेंटेशन को रोकने के लिए, यह आवश्यक है कि छवि टैग और सेल करीब टैग के बीच कोई व्हाट्सएप न हो (इस मामले में, आप लाइन को स्थानांतरित करने के लिए इस तरह की टिप्पणी का उपयोग कर सकते हैं:
  
  <Td>
  
  <img src = "" alt = "" /> <! "
  
  -> </ td>
• आउटलुक 2007 कभी-कभी विस्तारित छवियों का आकार नहीं बदलता है। लेआउट में इंगित के रूप में एक-से-एक चित्रों का उपयोग करना आवश्यक है;
• कभी-कभी आउटलुक 2007 में ऐसा होता है जब किसी प्रकार के td के अंदर रखी गई तस्वीर जिसमें colspan या rowspan सेट होता है, को पड़ोसी या उन कक्षों की सीमा रेखा के विस्तार के साथ क्रॉप किया जाता है जिन्हें colspan या rowspan जोड़ती है। इस स्थिति में, संपूर्ण छवि का भाग प्रदर्शित होता है। संयुक्त सेल को कई एकल कक्षों में काटने और समस्या चित्र को कई भागों में विभाजित किए बिना समस्या को हल नहीं किया जा सकता है, जिनमें से प्रत्येक एक साधारण टेबल सेल पर कब्जा कर लेगा;
• कुछ आउटलुक इंस्टॉलेशन पर, बिना लाइन ब्रेक के एक पत्र बहुत ही अजीब तरीके से दूषित होना शुरू हो जाता है। अलग तालिकाओं को हाइफ़नेशन के बिना किया जा सकता है, लेकिन बहुत लंबी पंक्तियों से बचा जाना चाहिए;
• चमगादड़ में! पारदर्शी गिफ़्स का उपयोग करते समय, पारदर्शी डॉट्स को काले रंग से बदल दिया जाता है। इसलिए, "पारदर्शी" स्पेसर्स को पृष्ठभूमि रंग से भरना चाहिए, जिस पर वे स्थित हैं

जब मैं एक मेल होस्ट के नाम का उल्लेख करता हूं, मेरा मतलब है कि इसका वेब इंटरफेस, पीओपी / आईएमएपी नहीं है



इस सूची से दूसरा आइटम "ईमेल के HTML-लेआउट पर 10 सिफारिशें" विषय में अधिक विस्तार से वर्णित है