HTML 中mailto属性的用法浅析

发布时间:2020-07-07 17:25:50 作者:web郭乐
来源:网络 阅读:2116

近来,小码哥有点小闲啊,因此,也就没有想更新的内容了!希望光顾过俺博客的“yin民”不要吐槽我啊,,,,,

不过,今天小码哥用到了一个对我来说相对陌生的HTML属性,就是mailto属性,说是属性吧,也不完全正确。因为它是作为href属性值得前缀来用的。

其大概功能就是会给某个邮箱地址添加上一个点击效果,点击邮箱地址后,会直接跳转到或进入到电脑上某个邮箱软件。方便用户更快捷的、无误的发送邮件!

废话不多说了,直接上实例吧!


HTML结构:

<!doctype html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>HTML mailto属性测试</title>

</head>


<body>

<!--<a href="mailto:324320219@qq.com" target="_blank">324320219@qq.com</a>-->

<a href="mailto:qq324320@qq.com?subject=test&cc=sample@hotmail.com&body=use mailto sample" target="_blank">qq324320@qq.com</a><!--mailto属性需要电脑上带有邮件客户端或软件,否则只能将邮件地址复制然后在在网页上或qq邮箱发送了-->

</body>

</html>

看到该结构,是不是赶脚很简单实用啊?当然不是,他还有好多属性和功能可添加呢!

下面说一下详细的使用方法:

     1. 为邮件加入默认标题

<a href="mailto:qq324320@qq.com?subject=邮件的默认标题">qq324320@qq.com</a>

2. 为邮件加入默认的抄送地址

<a href="mailto:qq324320@qq.com?cc=qq3243202@qq.com">qq324320@qq.com</a>

3. 为邮件加入默认暗送(密件抄送)地址

<a href="mailto:qq324320@qq.com?bcc=qq3243202@qq.com">qq324320@qq.com</a>

4. 为邮件加入默认的内容

<a href="mailto:qq324320@qq.com?body=欢迎您来到phplamp博客站-http://www.phplamp.org">qq324320@qq.com</a>

5. 多个邮件地址

<a href="mailto:qq324320@qq.com,qq3243202@qq.com">qq324320@qq.com</a>

6. 来个综合型的:加入默认抄送地址,标题,内容

<a href="mailto:qq324320@qq.com?cc=qq3243202@qq.com&subject=phplamp博客站&body=欢迎您来到phplamp博客站-http://www.phplamp.org">qq324320@qq.com</a>

由上例可以看出,假如有多个默认值需要添加的话,与邮件地址相连接的字符为"?",默认值间相连接的符号为"&"。

但是我想说的重点在于,该功能适用于用户电脑上自带或安装了某个邮件的客户端或软件。不然就需要用户自行复制邮件地址,然后在网页或qq邮箱手动粘贴地址在发送邮件了。

还有就是不同的浏览器对该属性的解析不同,火狐会弹出提示框让你选择用什么邮件软件来操作发送邮件。IE会弹出警告框告知你电脑上没有相关邮件软件。谷歌等其他浏览器若是在电脑上搜索不到相应的邮件软件或客户端。则没有提示。到时候就需要用户自行手动操作了。


推荐阅读:
  1. 前端html基础
  2. HTML中address标签的用法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html mailto

上一篇:Istio开启mtls请求503问题分析

下一篇:exchange灾难恢复篇——邮件恢复

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》