在html5中,利用标签的mailto可以创建发送邮件到一个或多个电子邮箱的超链接功能,其用法详解如下:
标签mailto最常见用法
这个用法是最常见的用法,在大多数情况下,我们都会使用这个方式发送电子邮件。
1、发送一个邮箱
书写格式:联系博主
演示代码
假设博主的电子邮箱地址为:your@mail.com,演示如下:联系博主
显示效果
在浏览器中,会显示一个可以发送电子邮件的超链接:
邮件客户端软件
当我们点击“联系博主”的邮件链接后,浏览器会为我们自动选择本地的默认邮件软件,并将mailto标签后收件人的电子邮件地址填充到邮件客户端软件的收件人地址栏中。同样,如果设置了邮件主题、抄送地址、邮件内容等相关信息,也会自动填写到相对应的位置。
2、发送多个邮箱
如果你要将邮件发送到多个邮箱,则邮箱之间使用分号";"隔开,书写格式:发送邮件
演示案例以发送到两个邮箱为例,代码如下:发送邮件
标签mailto参数说明
mailto相关参数说明如下:
mailto:收件人邮箱地址,如果有多个收件人邮件地址,请使用分号(;)隔开;
cc:抄送人员邮箱地址,多人则使用分号(;)隔开);
bcc:密送人员邮箱地址,多人使用分号(;)隔开);
subject:邮件主题;
body:邮件内容,使用%0A给文本换行,%20空格
以上参数在邮件发送界面中对应位置图解,如下图所示:
标签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即可。