Bagaimana cara menampilkan email dalam html?

❮ Atribut jenis HTML

Contoh

Tentukan bidang untuk alamat email (divalidasi secara otomatis saat dikirimkan)

Masukkan email Anda

Definisi dan Penggunaan

menentukan bidang untuk alamat email

Nilai input secara otomatis divalidasi untuk memastikan alamat email diformat dengan benar

Untuk menentukan bidang email yang memungkinkan beberapa alamat email, tambahkan atribut "multiple".

Tip. Selalu tambahkan tag _ untuk praktik aksesibilitas terbaik

Dukungan Peramban

Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh elemen tersebut

Sintaksis

❮ Atribut jenis HTML

Lebih dari 1. 1 miliar orang menggunakan Office. Itu 1 dari 7 orang di planet ini. Microsoft Outlook adalah klien email masuk untuk bisnis dan sejumlah besar pengguna menggunakannya dalam pekerjaan sehari-hari. Ini adalah klien email yang sangat kuat, tetapi terkadang kekuatan ini merupakan kekurangan

Salah satu kasus tersebut adalah menggunakan Microsoft Outlook untuk mengirim buletin atau formulir berformat HTML. “Tapi Outlook memungkinkan saya membuat pesan berformat HTML menggunakan banyak kontrol dan gaya,” Anda mungkin berkata, dan Anda 100% benar. Tetapi begitu Anda mencoba membuat pesan HTML menggunakan perangkat lunak khusus dan menggunakan HTML yang dihasilkan sebagai sumber pesan Anda, Anda akan terkejut. Outlook tidak mengizinkan Anda menggunakan sumber HTML Anda sendiri untuk membuat pesan. "Oke, tapi ini bukan masalah besar" - Anda berkata, dan sekali lagi Anda mungkin benar karena Anda dapat membuka pesan HTML yang dihasilkan menggunakan Internet Explorer dan menyalin dan menempelkan data melalui clipboard ke dalam pesan Outlook. Ya, ini bisa dilakukan, tetapi ada kejutan yang menanti Anda

Dimulai dengan Office 2007, Outlook hanya mendukung Microsoft Word sebagai mesin untuk pembuatan dan tampilan pesan dalam format HTML. Versi Microsoft Outlook sebelumnya menggunakan Internet Explorer sebagai mesin HTML. Perubahan teknis ini menyebabkan perbedaan yang signifikan baik dalam tampilan pesan yang dihasilkan maupun dalam kode HTML itu sendiri, yang mengalami perubahan dan koreksi. Sekilas, ini sepertinya bukan masalah besar… tapi hanya sekilas

Mengapa sangat penting untuk menyimpan kode HTML awal email?

Jawaban atas pertanyaan ini sangat sederhana – untuk memastikan email HTML Anda akan terlihat sama di Microsoft Outlook dan di Google Mail, Apple Mail dan di klien email di tabel dan perangkat seluler. Dengan membuat email HTML menggunakan editor HTML yang bukan Microsoft Word atau Outlook, Anda memiliki kesempatan untuk menguji bagaimana kode tersebut akan ditampilkan di berbagai browser dan klien email. Misalnya, Anda dapat menggunakan layanan online gratis dari Litmus Software yang memungkinkan Anda menguji tampilan kode HTML Anda di lebih dari tiga belas klien email. https. // www. lakmus. com/pengujian-email/

Menggunakan editor HTML bersama dengan alat pengujian dan pengoptimalan seperti ini, Anda dapat membuat pesan HTML yang agak rumit dan yakin bahwa pesan tersebut akan muncul dengan baik untuk semua penerima. Tapi ini tetap terjadi hanya selama kode sumber HTML Anda tetap dalam bentuk awalnya. Segera setelah Anda memasukkan kode Anda ke Microsoft Outlook melalui buffer pertukaran, seluruh kode akan diubah dan diperbaiki

Apa badan HTML dari pesan tersebut?

Kami akan membuat file HTML sederhana

Hello World!

Ukuran file adalah 36 byte. Kami membuka file ini di Microsoft Word sebagai HTML dan menyimpannya sebagai HTML dengan nama yang berbeda. Kami melihat bahwa ukuran file yang dihasilkan adalah 35. 8Kb. Begitu saja, ukuran file meningkat 1000 kali lipat. Tapi itu terlihat persis sama seperti sebelumnya. Untuk memperjelas perbedaannya, mari kita lihat sumber file HTML baru ini

Jadi kita melihat bahwa teks HTML sederhana kita telah diperkaya dengan 'sampah' dalam jumlah besar yang muncul entah dari mana, dan yang berkali-kali lebih besar daripada teks asli dalam format awalnya. Setelah transformasi ini, kami tidak dapat lagi memastikan bahwa kode ini akan muncul seperti yang kami inginkan

Mengapa Word mengubah kode HTML awal di badan email?

Perubahan ini terjadi karena Microsoft Word bukanlah editor HTML; . Itu berarti teks sumber diimpor ke Microsoft Word dan kemudian diekspor kembali sebagai HTML yang dibuat pada saat menyimpan dokumen – dan ukuran file minimum untuk HTML ini adalah 35 Kb. Tapi saat itulah format HTML dipilih saat menyimpan. Sebenarnya ada cara bagi Microsoft Word untuk menyimpan dalam format yang berbeda, yang disebut HTML-filtered, yang akan menyaring sebagian besar sampah yang ditambahkan. Metode ini menghasilkan file sebesar 5Kb, yang masih 10 kali lipat dari file sumber aslinya

Perhatikan bahwa meskipun kami membahas Microsoft Word, semua ini juga menyangkut Microsoft Outlook, karena mesin HTML yang sama digunakan di kedua produk. Format yang difilter HTML adalah yang digunakan saat membuat email dalam HTML untuk Outlook. Artinya Microsoft Outlook simple tidak mengizinkan kita membuat pesan dalam HTML yang kurang dari 5Kb (dan itu adalah pesan kosong)

Transformasi pesan oleh editor Outlook ini merupakan kelemahan lain dari produk ini. Bayangkan sebuah situasi di mana templat buletin mingguan dibuat menggunakan editor HTML untuk menghindari kerusakan format HTML dokumen saat mengimpor dan mengekspornya menggunakan Word. Saat dokumen ini ditempatkan di badan pesan di editor Outlook (menggunakan opsi salin dan tempel), kode HTML kita akan diubah dan dibuat jauh lebih rumit, yang dapat merusak pemformatan awal dan menampilkan dokumen secara tidak benar saat

Microsoft Outlook tidak menyediakan opsi apa pun untuk mengirim pesan tanpa mengubah badan HTML. Ada beberapa plug-in di pasar perangkat lunak yang memungkinkan pengeditan isi pesan dalam HTML, sehingga menghindari transformasi. Namun sayangnya, ini tidak menyelesaikan masalah, karena Microsoft Outlook masih menjalankan transformasi segera setelah Anda mengklik "Kirim". Ini berarti bahwa tidak ada perbedaan antara membuat email HTML yang terlihat bagus di editor HTML khusus dan menempelkannya ke dalam pesan melalui buffer pertukaran dan kemudian mengirim email, dan menggunakan program khusus untuk memungkinkan Anda menempelkan kode HTML di dalamnya. . Dalam kedua kasus, penerima menerima pesan yang lebih besar dan diformat ulang

Bagaimana cara menyimpan kode sumber HTML awal?

Terlepas dari keterbatasan Microsoft Outlook, masih ada kemungkinan untuk mengirim email dengan format awalnya tanpa melakukan transformasi HTML. Ini dapat dilakukan dengan menggunakan Send Personally, yang merupakan add-in Microsoft Outlook yang dirancang untuk mengirim milis dengan salam yang dipersonalisasi – yang sangat nyaman dalam buletin, pengumuman, dan promosi. Namun saat ini, kami sangat tertarik dengan program ini karena kemampuannya untuk bekerja dengan sumber HTML dari isi pesan

Program ini menambahkan Sisipkan HTML ke pita di bagian editor pesan; . Saat kami mengklik tombol Sisipkan HTML, sebuah jendela terbuka, menunjukkan sumber HTML dari pesan saat ini. Di jendela ini, kita dapat membuat kode HTML untuk pesan dan mengeditnya. Bahkan jika kami baru saja membuat email baru dan belum menulis apa pun di badan pesan, kami dapat mengklik tombol Sisipkan HTML dan kami melihat bahwa Outlook telah memasukkan semua pengkodean HTML yang 'diperlukan' di

Dengan menggunakan jendela ini, kita cukup memilih seluruh teks yang telah ditambahkan oleh editor Outlook dan menggantinya dengan milik kita sendiri, menggunakan buffer pertukaran atau opsi "Muat dari file ..."

Anda kemudian dapat menggunakan opsi Pratinjau untuk melihat HTML yang dihasilkan, atau klik OK untuk menyimpan teks baru di badan pesan. Perhatikan bahwa kami tidak dapat mengedit teks dalam pesan menggunakan editor Outlook, karena Outlook akan segera mengubah HTML sumber kami. Jika kita perlu melakukan modifikasi lebih lanjut pada pesan, maka kita perlu mengklik tombol Sisipkan HTML lagi dan membuat perubahan di jendela

Pada titik ini, kami telah membuat email dan tidak mengizinkan Outlook mengubah HTML sumber, tetapi ini hanya langkah pertama. Selanjutnya, kita perlu mencegah modifikasi pesan saat tombol Kirim diklik. Tugas ini dilakukan dengan menggunakan tombol Kirim Secara Pribadi. Masalahnya adalah bahwa program ini mengirimkan pesan melalui sistem MAPI dan tidak memanggil penangan yang dipicu saat tombol Kirim ditekan. Dengan tombol Kirim tidak pernah diklik, tidak ada transformasi yang terjadi. Jadi yang perlu dilakukan hanyalah menekan tombol Send Personally daripada Send

Saat ini, ini adalah satu-satunya cara untuk mengirim email HTML dari Microsoft Outlooks dan mempertahankan format HTML asli. Untuk memverifikasi ini, buka folder Terkirim dari Microsoft Outlook dan klik dua kali pesan untuk melihatnya, lalu klik kanan badan pesan dan pilih opsi Lihat sumber. Melakukan ini, kita lihat

Ada 2 poin penting yang perlu diingat di sini

1. Email hanya dapat diedit di jendela pengeditan HTML. Ini berlaku untuk modifikasi apa pun. Outlook akan mengubah HTML 'kami' menjadi HTML-nya sendiri meskipun kami hanya mengubah akun pengguna dari mana email dikirim
2. Pesan harus dikirim menggunakan tombol Kirim Secara Pribadi, bukan menggunakan Kirim

Video tutorial tentang cara mengirim email HTML yang tidak diubah oleh Outlook

Tonton panduan langkah demi langkah ini di Sisipkan fitur HTML untuk mempelajari cara mencegah Outlook mengubah konten HTML pesan keluar dengan menggunakan

Bagaimana cara mengubah email menjadi tautan?

Bagaimana cara agar email ditampilkan di browser saya?