HTML5 郵件模板代碼
郵件的樣式一般比較簡潔,但也需要考慮兼容性問題。以下是一個基于 HTML5 的郵件模板:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>郵件標題</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;">郵件標題</h2> <p style="font-size: 16px;line-height: 1.5;">郵件正文內容</p> <p style="font-size: 16px;line-height: 1.5;">多個段落之間使用<br>標簽隔開</p> </td> </tr> </table> </body> </html>
在模板中使用了 HTML5 的語法,并且為了保證郵件在不同設備上呈現一致的效果,使用了內聯樣式(inline style)來定義郵件的格式。
總之,HTML5 郵件模板需要考慮到郵件客戶端的兼容性問題,盡可能做到簡潔、清晰,讓收件人可以直觀、快速地獲取信息。