CSS 使用 a 标签的 mailto 属性在网页中链接 Email 地址(琐碎知识点整理)

之前有整理过一部分知识点, 一直没有发布, 因为都是有关前端方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作中开发问题总结相关的内容; 不积跬步，无以至千里, 戒焦戒躁。

好了废话不多说, 直接上代码以及图例(为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。

1. 标签还有一个作用是可以链接 Email 地址, 使用 mailto 能让访问者便捷向网站管理者发送电子邮件。

2. 如果 mailto 后面同时又多个参数的话, 第一个参数必须以? 开头, 后面的参数每一个都以 & 分隔。

一： mailto 的参数使用方式，类似地址栏写法：1. mailto   表示收件人（多人中间分号间隔）
2. cc       表示抄送人员（多人中间分号间隔）
3. bcc      表示密送人员（多人中间分号间隔）
4. subject  表示邮件主题
5. body     表示邮件内容

3. 代码示例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title> 使用 a 标签的 mailto 属性在网页中链接 Email 地址 </title>
</head><style>
.w_mailt-shel {background-color: aquamarine;padding: 32px 12px;
}
.w_mailt-shel p {display: inline-block;padding: 20px;margin: 20px 0;
}
.w_mailto-normal {background-color: cadetblue;
}
.w_mailto-complete {background-color: coral;
}
</style>
<body><div class="w_mailt-shel"><!-- 基础写法 --><p class="w_mailto-normal"><a href="mailto:18668209365@163.com">使用 a 标签实现, 邮箱跳转</a></p><br><!-- 完整写法 --><p class="w_mailto-complete"><a href="mailto:111123@qq.com;111345@qq.com?cc=222673@qq.com;222987@qq.com&bcc=629834@qq.com;839102@qq.com&subject=this Is title&body=this Is body">test : 完整写法</a></p></div>
</body>
</html>

4. 图片示例

如果对你有所帮助，大家可以点个关注；整理知识点不易, 每次都是在工作繁忙之余夜深人静之时整理, 每次整理时都在思考如何让大家更容易理解, 更容易找到、看到自己想看到的内容; 无论知识点是大是小, 我都会验证后再分享, 以防自己发表的文章给大家造成误导。如有问题还望不吝赐教，本人会及时更改 (本文原创, 如需转载，请注明出处) 。

CSS 使用 a 标签的 mailto 属性在网页中链接 Email 地址(琐碎知识点整理)相关推荐

CSS 属性 content 有什么作用? 有什么应用?(琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关前端方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作 ...
CSS/HTML 如何在网页中添加空格(琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关前端方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作 ...
a标签之target属性----在何处打开链接
<a> 标签的 target 属性规定在何处打开链接文档. eg: <a href="/example/html/pref.html" target=" ...
a 标签的 target 属性、描点链接
一.target 打开窗口方式 < a href=" " target="">< /a> _self 当前窗口打开页面(默认值) _bl ...
写CSS选择器时标签的class属性值中有空格的问题
1 问题描述 HTML代码片段为: <div class="alert alert-warning">请至"随书下载"下载本书的示例程序. < ...
CSS overflow 属性(琐碎知识点整理)
本文详细的介绍了 CSS overflow 属性的 '定义和用法' + '属性效果' 废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) . 一. over ...
CSS 属性 cursor 手势设置(琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关前端方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作 ...
CSS line-height 三种赋值方式有何区别 (琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关前端方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作 ...
HTML a 标签（修改样式，链接邮箱Email地址）
属性值描述 charset char_encoding HTML5 中不支持.规定被链接文档的字符集. coords coordinates HTML5 中不支持.规定链接的坐标. downloa ...

CSS 使用 a 标签的 mailto 属性在网页中链接 Email 地址(琐碎知识点整理)

1. 标签还有一个作用是可以链接 Email 地址, 使用 mailto 能让访问者便捷向网站管理者发送电子邮件。

2. 如果 mailto 后面同时又多个参数的话, 第一个参数必须以? 开头, 后面的参数每一个都以 & 分隔。

3. 代码示例

4. 图片示例

CSS 使用 a 标签的 mailto 属性在网页中链接 Email 地址(琐碎知识点整理)相关推荐

最新文章

热门文章

CSS 使用 a 标签的 mailto 属性在网页中链接 Email 地址(琐碎知识点整理)

1. 标签 还有一个作用是可以链接 Email 地址, 使用 mailto 能让访问者便捷向网站管理者发送电子邮件 。

2. 如果 mailto 后面同时又多个参数的话, 第一个参数必须以? 开头, 后面的参数每一个都以 & 分隔 。

3. 代码示例

4. 图片示例

CSS 使用 a 标签的 mailto 属性在网页中链接 Email 地址(琐碎知识点整理)相关推荐

最新文章

热门文章

1. 标签还有一个作用是可以链接 Email 地址, 使用 mailto 能让访问者便捷向网站管理者发送电子邮件。

2. 如果 mailto 后面同时又多个参数的话, 第一个参数必须以? 开头, 后面的参数每一个都以 & 分隔。