cari
Rumahhujung hadapan webhtml tutorialRingkasan 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.

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
HTML超文本标记语言--超在那里?(文档分析)HTML超文本标记语言--超在那里?(文档分析)Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

html和css算编程语言吗html和css算编程语言吗Sep 21, 2022 pm 04:09 PM

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

总结HTML中a标签的使用方法及跳转方式总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式,希望对大家有所帮助!

html中document是什么html中document是什么Jun 17, 2022 pm 04:18 PM

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

Html5怎么取消td边框Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法:1、给td元素添加“border:none”无边框样式即可,语法“td{border:none}”。2、给td元素添加“border:0”样式,语法“td{border:0;}”,将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式,语法“td{border:transparent;}”,将td边框的颜色设置为透明即可。

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

MantisBT

MantisBT

Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Persekitaran pembangunan bersepadu PHP yang berkuasa

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini