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&[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][email protected]">[email protected]</a>

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

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

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

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

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

时间: 2024-08-05 02:10:59

HTML 中mailto属性的用法浅析的相关文章

XCODE UITextField 中的属性和用法

XCODE  UITextField  中的属性和用法 一些基本的用法 UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect]; CGRect frame =CGRectMake(110, 100, 100, 30); button.frame = frame; button.backgroundColor = [UIColor purpleColor]; [button setTitle:@"command&qu

css3中font-face属性的用法详解

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶.我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使用,能让自己的页面也支持这样的自定义字体,一句话这些都是@fo

Activity中ConfigChanges属性的用法

Activity中ConfigChanges属性的用法 - 综合讨论 - Android开发论坛 - 安卓开发论坛 - Android开发 - 安卓论坛 - 移动互联网门户 - Powered by Discuz! 通过设置这个属性可以使Activity捕捉设备状态变化,以下是可以被识别的内容:?? CONFIG_FONT_SCALE CONFIG_MCC CONFIG_MNC CONFIG_LOCALE CONFIG_TOUCHSCREEN CONFIG_KEYBOARD CONFIG_NAV

C# DataTable.DefaultView.Sort 排序方法 DataTable合并 DataTable中Merge属性的用法

排序 DataTable.DefaultView.Sort ="ID ASC"" DataTable进行合并1(必须相同结构DataTable)  DataTable中Merge属性 两个DataTable进行合并,最初测试使用DataTable的Merge方法直接合并读取,一个是两边接收的数据类型有很多不致,一个是感觉这个太简单了.所以在程序总报类型错误的时,我舍弃了这种方法取而代之的是从两个DataTable里面读值分别进行判断显示. DataTable  oldData

webpack中output配置项中chunkFilename属性的用法

chunkFilename和webpack.optimize.CommonsChunkPlugin插件的作用差不多,都是用来将公共模块提取出来,但是用法不一样,这里主要介绍chunkFilename的使用 entry:{ main:__dirname + '/app/main.js', index:__dirname + '/app/index.js' }, output:{ path:__dirname + '/public', //通过HtmlWebpackPlugin插件生成的html文件

css中filter属性的用法

转:http://www.cr173.com/html/7817_1.html filter:filtername(parameters)即 filter:滤镜名(参数) 其中,filter是滤镜选择符:filtername是滤镜的属性名,这里包括alpha.blur.chroma等 多种属性:parameters是属性参数值.属性名及参数值请看下面的<filter属性及属性值>. alpha:设置透明层次 blur:创建高速度移动效果,即模糊效果 chroma:制作专用颜色透明 DropSh

Vue中is属性的用法 可以动态切换组件

is 是组件的一个属性,用来展示组件的名称 is和component联用哈 <component :is="comName"> vue提供了component来展示对应的组件名称 compont是一个占位符,is这个属性,用来展示对应的组件名称 三个子组件 <template> <div> <h2>我是登录组件</h2> </div> </template> <template> <d

Javascript属性:addEvent()用法浅析

做 web 应用的人,经常会用到 Javascript 来处理页面上的一些事情.表单验证我们不谈,在根据用户使用情况,显示/隐藏,或者执行一段 js function,的时候,我们需要和页面的 DOM 树打交道.看看 Gmail ,发送邮件,按下"发送"钮后,用 Ajax 在后端发送邮件内容,根据返回的状态,在编辑页面的上方直接显示一小段文字"您的邮件已经发送.". 通常的思想,我们会在那个发送按钮里面写上: onclick="javascript:sen

sphinx中复合属性字段sql_attr_multi的用法

sphinx中复合属性字段sql_attr_multi的用法 sql_attr_multi在sphinx可以用来检索有层级关系的数据,效率相当高,如,在数据库中用一个4层的分类,分类下对应着不用的文章,现在需要做一个文章列表,要求,选择第一级分类时属于它的子分类的文章也要显示出来,就可以用下面的方法建索引 sql_query=                 SELECT di.company_document_id as id,di.company_document_id,