HTML5 郵件模板代碼
郵件的樣式一般比較簡(jiǎn)潔,但也需要考慮兼容性問(wèn)題。以下是一個(gè)基于 HTML5 的郵件模板:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>郵件標(biāo)題</title> </head> <body> <table cellpadding="0" cellspacing="0" style="border-collapse: collapse;width: 100%;"> <tr> <td style="border: 1px solid #ddd;padding: 10px;"> <h2 style="color: #0078D4;font-size: 18px;margin-bottom: 10px;">郵件標(biāo)題</h2> <p style="font-size: 16px;line-height: 1.5;">郵件正文內(nèi)容</p> <p style="font-size: 16px;line-height: 1.5;">多個(gè)段落之間使用<br>標(biāo)簽隔開</p> </td> </tr> </table> </body> </html>
在模板中使用了 HTML5 的語(yǔ)法,并且為了保證郵件在不同設(shè)備上呈現(xiàn)一致的效果,使用了內(nèi)聯(lián)樣式(inline style)來(lái)定義郵件的格式。
總之,HTML5 郵件模板需要考慮到郵件客戶端的兼容性問(wèn)題,盡可能做到簡(jiǎn)潔、清晰,讓收件人可以直觀、快速地獲取信息。