html邮件的一些基本规则

最新推荐文章于 2024-02-19 14:40:35 发布
最新推荐文章于 2024-02-19 14:40:35 发布
阅读量210 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/SallyZ1989/article/details/42414381
本文详细介绍了撰写HTML邮件时需遵循的基本规则，包括布局、样式、脚本、图片处理等，旨在确保邮件在不同邮箱客户端中的显示一致性。重点强调了使用<table>布局而非<div+css布局》，并指出不应使用外部和内部样式，而是采用行内样式，以适应主流邮箱的宽度限制。同时，文章提醒开发者避免在邮件中使用JS和Flash，并对图片的宽度和高度进行了规范，要求添加alt属性以提升用户体验。 
最近用邮件投递简历，发现写一封html格式的邮件没有那么简单，下面是html邮件的一些基本规则：
  1. 为保证兼容性，不要用div+css布局，邮箱可能不支持float和position定位，所以应该用表格<table><tr><td>布局
  2. 不要用外部和内部样式，使用行内样式
  3. 主流邮件的宽度为650px左右
  4. 注意把table的cellspacing和cellpadding属性设为0
  5. 不要使用js和flash
  6. 为图片定义宽度和高度，并添加alt属性
SallyZ1989
关注
gmail 邮件html的支持情况总结
小码的博客
04-10 6092
3.gmail 不支持flex，display: flex支持，其他都不支持，grid也一样（建议用float）6.gmail对style里面的css质量大小有限制，建议压缩css放入html中。1.svg中都不支持，不能友好的显示在邮件中，会把viewbox的内容都过滤掉。邮件html代码需要兼容国外比较常见的邮箱，gmail，outlook等。其中gmail有很多不支持的css，不支持会直接过滤掉。7.邮件中的链接，样式要加!important覆盖样式。8.html中基本都能支持媒体查询，响应式布局。
html邮件内容兼容主流邮箱的编写规则
马金波
04-01 1353
邮件分类： 第一类，邮件内容布局在整个邮箱的某个div中，如gmail、hotmai、sohu等。 第二类，邮件内容布局在独立的iframe中，如163、sina等。 Html编写规则： 不写style标签，仅用内联样式，不要使用主流的css3样式，因为不同邮件的兼容性很差 少用图片，邮件需获得许可才可以打开图片，没有载入会很丑 内联样式里的float、position属性会被过滤，outl...
html制作成邮件的兼容问题
Richy的博客
10-28 979
序： HTML 邮件内容虽然也是 HTML，但是和我们在网页上使用的 HTML 不同，因为安全原因，各大邮箱服务商及邮件客户端都会对邮件内容进行一定程度上的处理，不会按照你写的原本 HTML 展示。 那么 基本规则 布局使用 table 这几乎是 HTML 邮件与普通 HTML 页面最大的区别，因为各个邮箱对 div + css 这一套布局的解析问题很大（如 float / position 等 CSS 都会被过滤，甚至 margin: 0 auto; 都不起作用），基本各大邮箱都会解析混乱，所以老式的 t
JavaScript正则表达式验证电子邮箱email规则
smshuxue的专栏
10-29 2717
JS正则表达式判断电子邮件格式 function check_email(){   varreg=/^([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/gi;   if(!reg.test(email)){   alert("输入的电子邮箱不符合校验规则，请重新输入!
Web端的邮件内容HTML格式规范总结
侯文轩 程序员专栏
11-03 2963
一、页面要求 1）  统一使用标准的页头和页尾 2）统一使用gb2312编码格式 3）页面显示宽度400px-800px，高度一般控制在一屏以内。 4）页面不向出现js代码及flash内容（如需要动画全用gif） 5）页面所有图片必须为绝对地址 6）页面的内容最好以文字的形式来呈现。 二、代码要求 1）使用table而已来制作页面，且必须设置宽度，而
邮件客户端的html格式邮件解析规则系列教程（一）
12-27
总结来说，理解和掌握Outlook 2007的HTML邮件解析规则至关重要，因为它直接影响到邮件的视觉效果和功能性，尤其是在商业通信中，保持邮件在不同客户端的一致性是邮件设计的基本要求。邮件设计师需要灵活应对这些限制...
使用HTML编写简单的邮件模版
09-28
由于不同的邮件客户端对HTML的支持程度各异，编写HTML邮件时需要遵循一些特定的规则和技巧，以确保邮件在各种环境下都能正常显示。 标题“使用HTML编写简单的邮件模版”暗示我们将讨论如何利用HTML语言来创建邮件...
响应HTML电子邮件模板：免费的简单响应HTML电子邮件模板
02-03
1. 内联样式：由于大多数邮件客户端会阻止外部CSS样式表，所以HTML邮件主要使用内联样式来控制元素的样式。 2. 表格布局：由于对CSS支持的限制，HTML邮件通常使用表格来构建布局。 3. 图片替换文字：为了确保在图片...
用HTML+CSS制作邮件网页的技巧总结
09-25
由于邮箱对HTML的解析和渲染能力远不如现代浏览器，因此在设计邮件模板时需要遵循一些特殊的规则。以下是关键的几点注意事项： 1. **避免背景图片**：邮件客户端通常不支持背景图片，因此设计时应尽量避免依赖背景...
Email-template:前端页面，例如使用html和css的电子邮件模板
05-10
在电子邮件模板中，HTML代码通常遵循一些特定的规则和最佳实践： 1. **基础结构**：HTML模板通常包含头部（`<head>`）、主体（`<body>`）和可能的尾部（`<footer>`）部分。头部可以包含字符编码（`...
书写html格式邮件的一些问题总结
DuanHanYZ的博客
10-12 1088
对于邮件以html文档作为邮件内容发送时，代码编辑时所遇到的一些需注意的问题
编写email邮件的html页面注意事项
weixin_34362790的博客
11-02 418
1、全局规则之一，不要写<style>标签、不要写class，所有CSS都用style属性，什么元素需要什么样式就用style写内联的CSS。 2、全局规则之二，少用图片，邮箱不会过滤你的img标签，但是系统往往会默认不载入陌生来信的图片，如果用了很多图片的邮件，在图片没有载入的情况下，丑陋无比甚至看不清内容，没耐心的用户直接就删除了。所有图片必须存在宽高和alt标签，且alt内容不...
HTML邮件注意事项
最新发布
Yx_213的博客
02-19 975
html邮件的开发一定不要像平时写html一样，咔咔写完才拿到邮件里测试！！！有很多标签和布局在邮件里面是不生效的，并且由于不同邮箱的邮件显示页面大小不同，也会导致效果差异。如有错误，敬请指正。
邮箱html开发注意事项
waht的博客
10-14 2944
最近接到一个邮箱html开发的需求，顺便乘热写一点总结 整体注意规范 各邮箱系统不满足于富文本编辑器，所以增加了对HTML代码的支持，由于邮件的特殊性，在开发HTML邮件之前，要有一些心理准备。 *以下 国内各主流邮箱 代表qq邮箱（pc+mobile）、163邮箱、126邮箱、sina邮箱、苹果自带邮箱（pc+mobile）、outlook 一、放弃javascript 电子邮件往往含有个人...
HTML | 分享几个HTML邮件样式模板
热门推荐
拾年之璐
01-19 8万+
最近在写一个项目，要个用户发送验证码、通知等信息。 但是，以往只是文字堆砌，偶尔加个换行br。略显粗糙。 然后，偶然间看到了一些平台的通知邮件，然后就把他们的邮件扒出来，用一下哈哈哈… 注：以下两个模板，是从腾讯企业邮箱的通知邮件中抠出来的。 1. 两个Demo截图 第1个demo截图 .
配置hMailServer成功，完成邮件异步群发
weixin_30339969的博客
01-19 307
一个邮件群发花了好几天时间，总算能群发邮件了。 用户量比较大的网站，自己独立的邮件系统是必不可少的，不知道别的公司用的什么邮件服务器，在头很大的情况下狂google、百度，根据大家的传说选用了hmailserver，还好网上的说明书还是挺多的如是照着如下步骤配置加上从dz寨过来的邮件发送程序，实现邮件异步群发。 菜鸟一个，写的不好，希望能够给大家一点点参考，大家准备好板砖 系统配置：win2...
html格式邮件可以包含,HTML格式的邮件需注意的地方
weixin_29065015的博客
06-07 695
1、head中的style定义无效：一般写网页，喜欢在head中定义css样式，可惜在HTML格式的邮件中有的邮箱会失效。2、结构尽量简单，最好使用table布局，可以先使用table作为最大的父级，需要居中，可以是设定align=”center”。这样做可以保证在CSS样式失效、或者html被禁用的情况下最大程度的还原布局和样式。3、不要使用JavaScript和Flash，一般会被过滤的。...
开发邮件html的几个注意点
weixin_30836759的博客
11-26 134
开发完成邮件模板后，在本地显示的正常，大部分邮箱也正常，但是到了outlook客户端就会出现很多很神奇的问题，基本样式全丢，浮动不支持，定位不支持，所以很多样式都乱了，后来百度一下才知道OUTLOOK是按照word的方式解析的，很多样式，标签都不支持，不支持内部样式表，所以只能写内联，等等兼容问题，这里记录一下： 首先outlook支持传统的table 布局，不支持浮动，定位布局。所以写的时候就...
HTML5折纸飞出邮件发送动画特效教程
基本的邮件发送流程如下： 1. 用户通过前端界面填写邮件内容，并触发发送操作。 2. 前端捕获发送操作事件，并通过AJAX或者表单提交的方式将邮件内容发送到服务器。 3. 服务器端处理邮件发送逻辑，可能涉及调用SMTP...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值