Ringkasan prinsip untuk menulis halaman HTML untuk mesej e-mel_HTML/Xhtml_Pengeluaran halaman web

Memandangkan e-mel HTML bukan halaman HOST bebas di tapak ini, ia dihoskan pada orang lain. Jadi menulis e-mel HTML adalah sangat berbeza daripada menulis halaman HTML. Kerana semua peti mel arus perdana untuk netizen akan lebih kurang menapis e-mel HTML yang mereka terima di latar belakang. Tidak syak lagi bahawa kod JS ditapis dengan ketat, termasuk semua atribut mendengar acara, seperti onclick dan onmouseover Ini berdasarkan pertimbangan keselamatan e-mel. Bukan itu sahaja, kod CSS juga akan ditapis sebahagiannya. Apa yang saya ingin bincangkan ialah cara menulis e-mel HTML yang tidak ditapis oleh peti mel arus perdana utama dan boleh dipaparkan seperti biasa.

Mula-mula, mari kita lihat cara peti mel memaparkan e-mel HTML. Saya sendiri tidak pernah bekerja pada sistem e-mel, dan algoritma penapisan di latar belakang peti mel utama tidak mudah untuk diketahui oleh orang luar. Oleh itu, kami hanya boleh menggunakan paparan bahagian hadapan untuk membuat kesimpulan kaedah penulisan yang diterima oleh peti mel dan yang mana akan ditapis. Melalui analisis gmail, hotmail, 163, sohu dan sina, saya membahagikan peti mel kepada dua kategori:

Kategori pertama termasuk gmail, hotmail dan sohu Untuk peti mel jenis ini, kandungan e-mel dibentangkan dalam div tertentu dalam keseluruhan halaman peti mel. Seperti yang ditunjukkan dalam gambar:

Kategori kedua termasuk 163 dan sina Dalam peti mel jenis ini, kandungan e-mel dibentangkan dalam iframe yang berasingan. Seperti yang ditunjukkan dalam gambar:

Rakan yang biasa dengan HTML tahu bahawa kandungan iframe ialah dokumen bebas dan bebas daripada elemen dan CSS halaman induk Ia hampir boleh dianggap sebagai halaman bebas. Dan jika kandungan e-mel berada dalam div, maka kandungan e-mel adalah sebahagian daripada keseluruhan halaman peti mel. Jelas sekali, peti mel yang menggunakan iframe sebagai kaedah pembentangan akan lebih bertolak ansur dengan kandungan e-mel, kerana ia memberi anda ruang yang cukup bebas untuk ekspresi. Div tidak begitu sopan. Cuba bayangkan, jika anda menulis ayat CSS ini dalam e-mel anda, adakah saiz fon pada keseluruhan halaman paparan e-mel akan menjadi 20px dan ia akan menjadi kucar-kacir:

Kita perlu menulis templat e-mel bersatu yang serasi dengan setiap peti mel, jadi kita mesti mengelakkan kaedah penulisan CSS luaran di atas dan sesuatu yang serupa dengan Gaya seperti apungan dan kedudukan yang menjadi aliran kandungan yang tidak normal juga akan ditapis Jika anda menulisnya, ia berkemungkinan menjejaskan prestasi peti mel luaran.

Saya akan menyenaraikan beberapa prinsip penulisan di bawah: 1 Salah satu peraturan global, jangan tulis teg

2. Peraturan global kedua, gunakan kurang gambar Peti mel anda tidak akan menapis tag img anda, tetapi sistem selalunya tidak akan memuatkan gambar daripada orang yang tidak dikenali secara lalai Jika anda menggunakan banyak gambar dalam mel, ia tidak akan dimuatkan dalam e-mel Dalam sesetengah kes, kandungan itu sangat hodoh sehingga kandungan tidak dapat dilihat dengan jelas, dan pengguna yang tidak sabar memadamkannya secara langsung. Pastikan anda menambah alt pada imej.

3. Jangan tulis float atau posisi dalam gaya, kerana ia akan ditapis. Jadi bagaimana untuk melaksanakan susun atur kiri dan kanan atau susun atur yang lebih kompleks? Gunakan jadual.

4. Warna latar belakang boleh ditetapkan dalam kandungan gaya, tetapi img akan ditapis, yang bermaksud bahawa imej latar belakang tidak boleh ditetapkan melalui CSS. Tetapi terdapat atribut elemen yang sangat menarik, juga dipanggil latar belakang, di mana anda boleh menentukan laluan imej Ini adalah alternatif yang baik Walaupun ini mempunyai fungsi terhad, seperti tidak dapat mencari imej latar belakang, ia adalah lebih baik daripada tiada. Contohnya, untuk menambah latar belakang pada sel, anda mesti menulis seperti ini:

> ;
5. E-mel dalam mod div tidak menyokong denyar, dan e-mel dalam mod iframe perlu disahkan.

Akhir sekali, alamat e-mel sohu sangat pelik. Ia menambahkan ruang selepas setiap perenggan teks, menyebabkan reka letak normal asal tidak sesuai pada satu baris dan membalut ke dalam baris baharu, sekali gus menyebabkan kekeliruan reka letak. Oleh itu, jika anda ingin serasi dengan peti mel sohu, anda mesti lebih berhati-hati apabila menghadapi beberapa reka letak padat, cuba kurangkan bilangan segmen teks dan biarkan lebar yang mencukupi.