首页 > 网页教程 > HTML > 正文

HTML的电子邮件链接标签mailto用法详解

2010-03-26 12:02:25   作者:网友   来源:互联网

mailto是网页设计制作中的一个非常实用的html标签,许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址,这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后,就能自动打开当前计算机系统中默认的电子邮件客户端软件,例如OutLook Express以及Foxmail等。当然有关mailto标签的使用,并不仅仅就象上面所说的那样简单,它还有其他方面的应用。

1、如果我们在网页中创建一个形如“mailto: aaa@5icool.org”这样的超级连接时,用鼠标单击一下该超级连接的话,浏览器会自动调用系统默认的邮件客户端程序,同时在邮件编辑窗口的收件人设置栏中自动写上收件人的地址,而其他的内容都是空白,留给访问者自行填写;

2、要是大家在单击电子邮件超级连接时,希望系统自动打开的电子邮件编辑窗口中,除了在收件人地址栏中自动填写上内容外,在抄送地址栏中也能自动填写上自己需要的电子邮件地址的话,就可以直接在网页的html源代码中插入形如“mailto: aaa@5icool.org?bbb@5icool.org”这样的语句,其中aaa@5icool.org将会自动出现在收件人地址栏中, bbb@5icool.org则会自动出现在抄送地址栏中;

3、如果大家希望在弹出的邮件编辑窗口中能自动将邮件的主题内容填上的话,可以使用形如“mailto: aaa@5icool.org?subject='mailto'酷站代码”这样的html语句,当浏览者用鼠标单击由该语句组成的电子邮件超级连接时,在随后打开的邮件编辑窗口的收件人地址栏中自动出现aaa@5icool.org,主题设置栏中将自动出现“‘mailto'酷站代码”这样的内容;

4、如果想在收件人地址栏中同时输入多个电子邮件地址时,那么就可以使用形如“mailto: aaa@5icool.org;bbb@5icool.org”这样的语句,记住每个电子邮件之间用“;”隔开,这样当浏览者单击由该语句创建的电子邮件超级连接时,在弹出的邮件编辑窗口的收件人地址栏中同时会出现aaa@5icool.org、bbb@5icool.org这样的收件人地址,浏览者就能同时向这些人发送电子邮件;

5、在网页中出现的邮件地址经常会被一些诸如“mail-robot”的自动搜索程序搜索到,这样其他人很容易利用搜索到的邮件地址来向你发送各种各样的垃圾邮件,为了能将这些垃圾邮件拒之于千里之外,我们可以将在网页上公开的邮件地址写成ASCII码形式,同时要记住每一个ASCII码前面都必须添加 “&#”,例如我们在网页中使用“mailto: aaa@5icool.org”这样的语句来创建电子邮件超级连接的话,单击该超级连接后,我们发现在随后打开的邮件收发窗口中,收件人地址栏中仍然会显示 aaa@5icool.org这样的内容,而其他的各种邮件自动搜索工具都不能正确识别这样的ASCII代码,因此用户收到的各种来历不明的垃圾邮件就会大大减少;

6、一般情况下,浏览者单击电子邮件超级连接时,系统在默认打开的邮件客户端软件中,只是自动在收件人地址栏处填上内容,而其他设置栏处仍然显示为空白,如果大家还希望自动把主题、抄送、暗送甚至内容都填写上的话,就可以使用形如“mailto: aaa@5icool.org?cc=bbb@5icool.org&bcc=ccc@5icool.org&subject=‘mailto'酷站代码&body=mailto标签的综合应用举例说明!”这样的语句,在这个语句中第一个功能以“?”开头,后面的每一个功能以 “&”开头;当用鼠标单击这个邮件地址时,在随后打开的邮件编辑窗口中,我们将看到在收件人地址栏中自动填写上了aaa@5icool.org,在抄送地址栏中自动填写上了bbb@5icool.org,在暗送地址栏中自动填写上了ccc@5icool.org,在主题栏中自动填写上了“‘mailto'酷站代码”,在信件的正文部分将自动出现“mailto标签的综合应用举例说明!”这样的文字。

上面出现的aaa@5icool.org、bbb@5icool.org、ccc@5icool.org都是为方便说明,而由笔者随意设置的,大家可以根据自己的要求,用自己真实的邮件地址来代替他们;此外,如果要使用mailto同时实现多个功能的话,第一个功能必须以“?”开头,后面的每一个功能都以 “&”开头;另外,cc后为抄送地址,bcc后为暗送地址,subject后为邮件的主题,body后为邮件的内容。

如果想在BODY进行换行,只需要在行与行之间加入"%0d%0a".

<a href="mailto:aaa@5icool.org?subject=ccc&body=xxx%0d%0ayyy">aaa</a>

 

栏目搜索>>分类导航
Flash幻灯 jQuery幻灯 JS幻灯 Flash相册 jQuery相册 图片特效 导航菜单 广告代码 在线客服 表单按钮 其它特效

HTML CSS JavaScript Dreamweaver Fireworks 设计分享

建站教程 网站运营 实用工具 网页模板 网页素材

CSS酷站 网上购物 设计团队 设计博客
教程排行榜
神奇的HTML5动画效果演示网站
十款基于HTML5开发的精彩WEB应用(HTML5网站演示)
25个超炫的HTML5+CSS3网页应用案例欣赏
十三个网站案例让你提前体验HTML5和CSS3的魅力
15个采用HTML5实现的网站界面设计欣赏
体验HTML5 Canvas对象的强大 五款在线绘图应用示例
16个颇具创意的HTML5网站设计
网页设计师必收藏的十五个HTML5资源
HTML的电子邮件链接标签mailto用法详解
21款效果惊艳基于HTML5的应用程序欣赏
采用HTML5搭建的多个网站尝鲜试用
HTML5的一些的趣味小应用
如何用HTML5制作网页?
HTML标签的语义化概念、意义和实践
HTML中的文本框textarea标签
让IE和Firefox浏览器FLASH透明背景的方法
下载排行榜
基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码
半透明立体质感的宽屏flash+xml焦点幻灯代码
简洁效果多图切换flash幻灯焦点图代码
带标题和数字导航的JS焦点幻灯特效代码
适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码
31款简单实用的CSS+JS下拉菜单脚本
3D立体效果金字塔环形旋转的flash+xml相册代码
基于jQuery实现的瀑布流布局列表特效代码
透明质感上下滑动带小图预览5屏JS焦点图幻...
超酷的3D摩天轮flash+xml相册幻灯图片代码
能沿多个方向滑动切换的jquery幻灯代码
自带多种幻灯效果支持缩略图导航的jquery画...
可改图片尺寸和张数的flash幻灯轮换代码
很好看的带缓冲效果CSS下拉菜单导航代码
基于jquery很有趣的360度全景图片预览特效
6屏幻灯上下滑动式带缩略图和文字介绍的fla...