html <a href="mailto"> 发件人怎么设置,a标签创建mailto链接发送电子邮箱用法详解

在html5中,利用标签的mailto可以创建发送邮件到一个或多个电子邮箱的超链接功能,其用法详解如下:

标签mailto最常见用法

这个用法是最常见的用法,在大多数情况下,我们都会使用这个方式发送电子邮件。

1、发送一个邮箱

书写格式:联系博主

演示代码

假设博主的电子邮箱地址为:your@mail.com,演示如下:联系博主

显示效果

在浏览器中,会显示一个可以发送电子邮件的超链接:

10695c2d3a18b891c99fe3747a1111cb.png

邮件客户端软件

当我们点击“联系博主”的邮件链接后,浏览器会为我们自动选择本地的默认邮件软件,并将mailto标签后收件人的电子邮件地址填充到邮件客户端软件的收件人地址栏中。同样,如果设置了邮件主题、抄送地址、邮件内容等相关信息,也会自动填写到相对应的位置。

2、发送多个邮箱

如果你要将邮件发送到多个邮箱,则邮箱之间使用分号";"隔开,书写格式:发送邮件

演示案例以发送到两个邮箱为例,代码如下:发送邮件

标签mailto参数说明

mailto相关参数说明如下:

mailto:收件人邮箱地址,如果有多个收件人邮件地址,请使用分号(;)隔开;

cc:抄送人员邮箱地址,多人则使用分号(;)隔开);

bcc:密送人员邮箱地址,多人使用分号(;)隔开);

subject:邮件主题;

body:邮件内容,使用%0A给文本换行,%20空格

以上参数在邮件发送界面中对应位置图解,如下图所示:

fd7b9bdc3ad564c6fe894d9788e0187c.png

标签mailto参数用法

正确规范的添加mailto后面相关参数,可以加入邮件默认标题,抄送地址,暗送地址(即密送地址),邮件内容等相关信息。

1、添加默认邮件主题

收件人地址后面使用?subject=邮件主题,演示代码如下:点击给我发邮件

将代码中的“邮件主题”替换成你的要发的邮件主题即可。

2、添加抄送人员

收件人地址后使用?cc=抄送人员地址,演示代码如下:点击给我发邮件

如果有多个抄送人员地址,请使用分号(;)隔开。

3、添加密送人员

收件人地址后使用?bcc=密送人员地址,演示代码如下:点击给我发邮件

如果有多个密送人员地址,请使用分号(;)隔开。

4、添加邮件内容

收件人地址后使用?body=邮件内容,演示代码如下:点击给我发邮件

如果邮件内容有需要换行的,就使用%0A换行,或直接加上
标签试试,如果是需要留空格的地方,就使用%20留空格;

如果发送邮件内容的时候有可能会出现乱码,这个与页面的编码格式有关系,需要将页面的编码格式改为 Unicode(UTF-8)。

5、mailto参数综合用法

我们可以使用多个参数,可以将收件人地址、抄送、密送、邮件主题以及邮件内容一起默认添加进去,演示代码如下:点击给我发邮件

Mailto后面有多个参数的话,紧跟收件人地址后面的第一个参数必须使用“?”开头,后面相连接的其他参数都以“&”开头。

web移动端自动识别email地址

在html网页文档的

和之间添加以下代码:

content="mail=yes":表示是开启自动页面中的电子邮箱地址,但一般情况下,都是默认是开启的,所以,以上代码也可以省略不写,但如果要禁止默认识别电子邮箱的话,就把yes替换成no即可。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值