藏宝游传奇

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 43|回复: 0

[网页制作] Web端的邮件内容HTML格式规范总结

[复制链接]
  • TA的每日心情
    开心
    2020-12-29 20:57
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    4281

    主题

    4285

    帖子

    21万

    积分

    超级版主

    Rank: 8Rank: 8

    积分
    218183
    发表于 2020-11-5 11:05:30 | 显示全部楼层 |阅读模式
    一直以来email在网页上的实际显示效果都不是令人感到十分理想,特别是牵扯到图片相关的布局方面,这里我们根据一些约定俗成的经验,来整理一下Web端的邮件内容HTML格式规范总结
    一、页面要求
    1)  统一使用标准的页头和页尾
    1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>   
    2. <html xmlns=”http://www.w3.org/1999/xhtml”>   
    3. <head>   
    4. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>   
    5. <title>如何制作网页格式的邮件</title>   
    6. </head>   
    7. <body style=”margin:0;padding:0″>   
    8. </body>   
    9. </html>
    复制代码
    2)统一使用gb2312编码格式
    3)页面显示宽度400px-800px,高度一般控制在一屏以内。
    4)页面不向出现js代码及flash内容(如需要动画全用gif)
    5)页面所有图片必须为绝对地址
    6)页面的内容最好以文字的形式来呈现。
    二、代码要求
    1)使用table而已来制作页面,且必须设置宽度,而div格式由于有些属性不被邮件客户端完全支持,所以建议避免作用。
    2)DTD声明中<html xmlns=http://www.w3.org/1999/xhtml>请改为<html>
    3)CSS禁止使用外调或写到<head>部分,所有样式写到标签上。
    4)禁止使用背景图片。
    5)有不影响图片显示效果的状态下,要尽量优化,保证客户打开邮件时,在最短的时间内看到,提高邮件的阅读率。
    6)所有图片必须存在宽高和alt标签,且alt内容不宜过多不能出现特殊字符。
    7)图片链接禁止使用热区,因为map标记在outlook中无法进行正常的点击,不能打开该链接指向的网址。
    8)链接的打开方式统一为:_blank
    9)  mailto的正确写法:例:<mailto:xxx@163.com> xxx@163.com</a>
    10)禁止使用浮动层
    11) 代码干净严禁,删除不必要的空格及回车,总代码量<50K
    三、邮件测试
    1)  上传服务器,打开网页,直接ctrl+a,复制,粘贴到邮件中
    2)  本地打开网页,直接复制,然后在邮箱附件中上传邮件中的图片。

    回复

    使用道具 举报

    QQ|Archiver|手机版|小黑屋|藏宝游

    GMT+8, 2021-1-16 01:13 , Processed in 0.047320 second(s), 28 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

    快速回复 返回顶部 返回列表