近来,小码哥有点小闲啊,因此,也就没有想更新的内容了!希望光顾过俺博客的“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会弹出警告框告知你电脑上没有相关邮件软件。谷歌等其他浏览器若是在电脑上搜索不到相应的邮件软件或客户端。则没有提示。到时候就需要用户自行手动操作了。
本文出自 “关注技术专注前端” 博客,请务必保留此出处http://oxoxo.blog.51cto.com/9301862/1636572
原文地址:http://oxoxo.blog.51cto.com/9301862/1636572