码迷,mamicode.com
首页 > Web开发 > 详细

HTML 中mailto属性的用法浅析

时间:2015-04-21 18:34:35      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:html 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: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

HTML 中mailto属性的用法浅析

标签:html html mailto

原文地址:http://oxoxo.blog.51cto.com/9301862/1636572

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!