HTML 中mailto属性的用法浅析

近来,小码哥有点小闲啊,因此,也就没有想更新的内容了!希望光顾过俺博客的“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:[email protected]" target="_blank">[email protected]</a>-->

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

</body>

</html>

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

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

     1. 为邮件加入默认标题

<a href="mailto:[email protected]?subject=邮件的默认标题">[email protected]</a>

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

<a href="mailto:[email protected]?cc=[email protected]">[email protected]</a>

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

<a href="mailto:[email protected]?bcc=[email protected]">[email protected]</a>

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

<a href="mailto:[email protected]?body=欢迎您来到phplamp博客站-http://www.phplamp.org">[email protected]</a>

5. 多个邮件地址

<a href="mailto:[email protected],[email protected]">[email protected]</a>

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

<a href="mailto:[email protected]?cc=[email protected]&subject=phplamp博客站&body=欢迎您来到phplamp博客站-http://www.phplamp.org">[email protected]</a>

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

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

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


本文出自 “关注技术专注前端” 博客,请务必保留此出处http://oxoxo.blog.51cto.com/9301862/1636572

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。