Saran untuk mengirim email HTML: Gunakan gaya untuk menulis inline CSS; Gunakan lebih sedikit gambar; Gunakan tabel untuk mengimplementasikan tata letak kiri dan kanan atau tata letak yang lebih kompleks; Gunakan elemen latar untuk mengatur gambar latar belakang, dll.
Hampir setiap situs web berbasis anggota perlu mengirim email melalui latar belakang untuk berkomunikasi dengan anggota, seperti konfirmasi pendaftaran, promosi pemasaran. Surat -surat yang dikirim oleh Situs ini kepada anggota seringkali tidak dapat memenuhi persyaratan antarmuka dan interaksi, jadi kita perlu mengirim halaman HTML. Karena email HTML bukan host independen di situs web ini, itu tergantung pada orang lain. Jadi menulis surat HTML sangat berbeda dari menulis halaman HTML. Karena semua kotak surat utama untuk netizen akan lebih atau kurang memfilter surat HTML yang mereka terima di latar belakang. Tidak ada keraguan bahwa kode JS secara ketat disaring, termasuk semua atribut mendengarkan acara, seperti OnClick dan Onmouseover, yang didasarkan pada pertimbangan keamanan email. Tidak hanya itu, kode CSS juga akan disaring sebagian. Yang ingin saya bicarakan adalah bagaimana menulis email HTML yang tidak difilter oleh kotak surat utama utama dan dapat ditampilkan secara normal.
Saran untuk mengirim email HTML: Gunakan gaya untuk menulis inline CSS; Gunakan lebih sedikit gambar; Gunakan tabel untuk mengimplementasikan tata letak kiri dan kanan atau tata letak yang lebih kompleks; Gunakan elemen latar untuk mengatur gambar latar belakang, dll.
Pertama, mari kita lihat bagaimana email menampilkan email HTML. Saya tidak pernah membuat sistem email, dan algoritma penyaringan di backend alamat email utama tidak mudah diketahui orang luar. Oleh karena itu, kami hanya dapat berspekulasi melalui tampilan front-end untuk menyimpulkan metode penulisan mana yang diterima oleh email, dan mana yang akan disaring. Melalui analisis Gmail, Hotmail, 163, Sohu, dan Sina, saya membagi alamat email menjadi dua kategori:
Kategori pertama termasuk Gmail, Hotmail, dan Sohu. Konten email diatur dalam div di seluruh halaman kotak surat.
Kategori kedua, termasuk 163 dan SINA, digunakan untuk mengatur konten email dalam iframe independen.
Teman -teman yang terbiasa dengan HTML tahu bahwa konten iframe adalah dokumen independen, dan tidak relevan dengan elemen dan CSS dari halaman induk dan dapat diperlakukan hampir sebagai halaman independen. Dan jika konten email ada di DIV, konten email adalah bagian integral dari seluruh halaman email. Jelas, menggunakan iframe sebagai metode presentasi email akan jauh lebih toleran terhadap konten email, karena memberi Anda ruang yang cukup independen untuk presentasi. Dan div tidak begitu sopan. Bayangkan saja, jika Anda menulis CSS ini di email Anda, akankah font di seluruh kotak surat menjadi 20px dan menjadi berantakan:
<Tipe Gaya = Teks/CSS>
body {font-size: 20px}
</tyle>
<Tipe Gaya = Teks/CSS>
body {font-size: 20px}
</tyle>
Kita perlu menulis templat email terpadu yang kompatibel dengan setiap alamat email, jadi kita harus menghindari metode penulisan CSS eksternal di atas. Selain itu, gaya yang mirip dengan float, position, dll. Yang memiliki aliran konten abnormal juga akan disaring. Jika Anda menulis, itu dapat memengaruhi kinerja alamat email eksternal.
Di bawah ini saya mencantumkan beberapa prinsip penulisan:
1. Salah satu aturan global: Jangan menulis tag atau kelas <tyle>. Semua CSS menggunakan atribut gaya. Gunakan gaya untuk menulis inline CSS untuk elemen apa pun yang membutuhkan gaya apa pun.
2. Aturan Global 2: Gunakan lebih sedikit gambar. Alamat email tidak akan memfilter tag IMG Anda. Namun, sistem sering tidak akan memuat gambar dari orang asing secara default. Jika Anda menggunakan banyak pesan surat dengan gambar, jika film tidak dimuat, itu akan sangat jelek dan bahkan tidak dapat melihat konten dengan jelas. Pengguna yang tidak sabar akan menghapusnya secara langsung. Alt harus ditambahkan ke gambar.
3. Jangan menulis gaya float dan posisi dalam gaya, karena mereka akan disaring. Jadi bagaimana mencapai tata letak kiri dan kanan atau tata letak yang lebih kompleks? Gunakan tabel.
4. Latar belakang dapat diatur dalam konten gaya, tetapi IMG akan difilter, yang berarti bahwa gambar latar tidak dapat diatur melalui CSS. Tetapi ada atribut elemen yang sangat menarik, juga disebut latar belakang, yang dapat menentukan jalur gambar. Ini adalah alternatif yang bagus. Meskipun fungsi ini terbatas, seperti tidak dapat menemukan gambar latar belakang, lebih baik memilikinya daripada tidak. Misalnya, untuk menambahkan latar belakang ke sel, Anda harus menulisnya seperti ini:
<latar belakang TD = http: //image1.koubei.com/images/common/logo_koubei.gif> </td>
<latar belakang TD = http: //image1.koubei.com/images/common/logo_koubei.gif> </td>
5. Alamat email dalam mode Div tidak mendukung flash, dan mode iframe perlu diverifikasi.
Akhirnya, saya ingin menyebutkan bahwa alamat email Sohu sangat aneh. Ini akan menambah ruang setelah setiap segmen teks, menyebabkan tata letak normal asli tidak dapat berlangganan dan garis pecah, yang akan menyebabkan beberapa tata letak menjadi bingung. Oleh karena itu, jika Anda ingin kompatibel dengan kotak surat SOHU, Anda harus ekstra hati -hati saat menemukan beberapa tata letak yang kompak, meminimalkan jumlah segmen teks dan meninggalkan lebar yang cukup.