اقتراحات لإرسال رسائل البريد الإلكتروني HTML: استخدم النمط لكتابة CSS المضمن ؛ استخدم صورًا أقل ؛ استخدم الجدول لتنفيذ التخطيطات اليسرى واليمنى أو تخطيطات أكثر تعقيدًا ؛ استخدم عناصر الخلفية لضبط صور الخلفية ، إلخ.
يحتاج كل موقع ويب يعتمد على الأعضاء تقريبًا إلى إرسال رسائل بريد إلكتروني عبر الخلفية للتواصل مع الأعضاء ، مثل تأكيد التسجيل ، وترويج التسويق. غالبًا ما تكون هذه الرسائل المرسلة من الموقع للأعضاء غير قادرة على تلبية متطلبات الواجهة والتفاعل ، لذلك نحتاج إلى إرسال صفحات HTML. نظرًا لأن البريد الإلكتروني HTML ليس مضيفًا مستقلًا على هذا الموقع ، فإنه يعتمد على الآخرين. لذا فإن كتابة بريد HTML مختلف تمامًا عن كتابة صفحات HTML. نظرًا لأن جميع صناديق البريد السائدة لـ tetizens ستقوم بتصفية بريد HTML إلى حد ما في الخلفية. ليس هناك شك في أن رمز JS يتم تصفية بدقة ، بما في ذلك جميع سمات الاستماع إلى الأحداث ، مثل OnClick و OnMouseover ، والتي تستند إلى اعتبارات أمان البريد الإلكتروني. ليس ذلك فحسب ، فسيتم تصفية رمز CSS جزئيًا. ما أريد التحدث عنه هو كيفية كتابة رسائل البريد الإلكتروني HTML التي لا يتم ترشيحها بواسطة صناديق البريد الرئيسية الرئيسية ويمكنها عرضها بشكل طبيعي.
اقتراحات لإرسال رسائل البريد الإلكتروني HTML: استخدم النمط لكتابة CSS المضمن ؛ استخدم صورًا أقل ؛ استخدم الجدول لتنفيذ التخطيطات اليسرى واليمنى أو تخطيطات أكثر تعقيدًا ؛ استخدم عناصر الخلفية لضبط صور الخلفية ، إلخ.
أولاً ، دعنا نلقي نظرة على كيفية عرض البريد الإلكتروني عبر البريد الإلكتروني HTML. لم أقم أبدًا بإنشاء نظام بريد إلكتروني ، كما أن خوارزميات التصفية في الواجهة الخلفية لعناوين البريد الإلكتروني الرئيسية ليست سهلة للغاية على الغرباء. لذلك ، لا يمكننا إلا التكهن من خلال الشاشة الأمامية لاستنتاج طرق الكتابة التي يتم قبولها بواسطة البريد الإلكتروني ، والتي سيتم تصفيتها. من خلال تحليل Gmail و Hotmail و 163 و Sohu و Sina ، قمت بتقسيم عنوان البريد الإلكتروني إلى فئتين:
تتضمن الفئة الأولى Gmail و Hotmail و Sohu. يتم ترتيب محتوى البريد الإلكتروني في DIV في صفحة صندوق البريد بأكمله.
يتم استخدام الفئة الثانية ، بما في ذلك 163 و sina ، لترتيب محتوى البريد الإلكتروني في iframe مستقل.
يعرف الأصدقاء الذين يعرفون HTML أن محتوى iframe هو وثيقة مستقلة ، ولا صلة له بالعناصر و CSS للصفحة الأصل ويمكن التعامل معها كصفحة مستقلة تقريبًا. وإذا كان محتوى البريد الإلكتروني في DIV ، فإن محتوى البريد الإلكتروني هو جزء لا يتجزأ من صفحة البريد الإلكتروني بأكملها. من الواضح أن استخدام IFRAME كطريقة عرض البريد الإلكتروني سيكون أكثر تسامحًا مع محتوى البريد الإلكتروني ، لأنه يمنحك مساحة مستقلة بما فيه الكفاية للعرض التقديمي. و DIV ليس مهذبا جدا. فقط تخيل ، إذا كتبت هذه CSS في بريدك الإلكتروني ، فهل سيكون الخط الموجود على صندوق البريد بأكمله 20 بكسل ويصبح فوضويًا:
<نوع النمط = text/css>
الجسم {font-size: 20px}
</style>
<نوع النمط = text/css>
الجسم {font-size: 20px}
</style>
نحتاج إلى كتابة قالب بريد إلكتروني موحد متوافق مع كل عنوان بريد إلكتروني ، لذلك يجب أن نتجنب طريقة كتابة CSS الخارجية أعلاه. بالإضافة إلى ذلك ، سيتم تصفية أنماط مماثلة لتطفو ، الموضع ، وما إلى ذلك التي تحتوي على تدفقات محتوى غير طبيعية أيضًا. إذا كتبت ، فقد يؤثر ذلك على أداء عناوين البريد الإلكتروني الخارجية.
أدناه أدرج بعض مبادئ الكتابة:
1. إحدى القواعد العالمية: لا تكتب <Style> العلامات أو الفصل. جميع CSS تستخدم سمة النمط. استخدم Style لكتابة CSS المضمّنة لأي عنصر يحتاج إلى أي نمط.
2. القاعدة العالمية 2: استخدم صورًا أقل. لن يقوم عنوان البريد الإلكتروني بتصفية علامات IMG الخاصة بك. ومع ذلك ، فإن النظام في كثير من الأحيان لن يقوم بتحميل الصور من الغرباء افتراضيًا. إذا كنت تستخدم الكثير من رسائل البريد مع الصور ، إذا لم يتم تحميل الفيلم ، فسيكون ذلك قبيحًا للغاية وحتى غير قادر على رؤية المحتوى بوضوح. سيقوم المستخدم الصبر بحذفه مباشرة. يجب إضافة ALT إلى الصورة.
3. لا تكتب أنماط تعويم وموضع الأنماط ، لأنه سيتم ترشيحها. إذن كيف تحقق التصميم الأيسر واليمين أو تخطيط أكثر تعقيدًا؟ استخدم الجدول.
4. يمكن ضبط الخلفية في محتوى النمط ، ولكن سيتم ترشيح IMG ، مما يعني أنه لا يمكن ضبط صورة الخلفية من خلال CSS. ولكن هناك سمة عنصر ممتع للغاية ، تسمى أيضًا الخلفية ، والتي يمكن أن تحدد مسار الصورة. هذا بديل جيد. على الرغم من أن هذه الوظيفة محدودة ، مثل عدم القدرة على تحديد موقع صور الخلفية ، فمن الأفضل أن يكون لديك واحدة من لا. على سبيل المثال ، لإضافة خلفية إلى خلية ، يجب عليك كتابتها مثل هذا:
<td background = http: //image1.koubei.com/images/common/logo_koubei.gif> </td>
<td background = http: //image1.koubei.com/images/common/logo_koubei.gif> </td>
5. لا يدعم عنوان البريد الإلكتروني في وضع DIV Flash ، ويجب التحقق من وضع iframe.
أخيرًا ، أود أن أذكر أن عنوان البريد الإلكتروني الخاص بـ Sohu غريب جدًا. سيضيف مساحة بعد كل قطاع نص ، مما يتسبب في إلغاء إلغاء تصوير التصميم الطبيعي الأصلي وتكسر الخط ، مما سيؤدي إلى الخلط بين بعض التخطيطات. لذلك ، إذا كنت تريد أن تكون متوافقًا مع صناديق بريد Sohu ، فيجب أن تكون حذراً للغاية عند مواجهة بعض التخطيطات المدمجة ، وتقليل عدد شرائح النص وترك عرضًا كافيًا.