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:186********@163">使⽤ a 标签实现, 邮箱跳转</a>
</p>
<br>
<!-- 完整写法 -->
<p class="w_mailto-complete">
<a href="mailto:111123@qq;111345@qq?cc=222673@qq;222987@qq&bcc=629834@qq;839102@qq&subject=this Is titl e&body=this Is body">test : 完整写法</a>
</p>
</div>
</body>
</html>
4. 图⽚⽰例
如果对你有所帮助，⼤家可以点个关注；整理知识点不易, 每次都是在⼯作繁忙之余夜深⼈静之时整理, 每次整理时都在思考如何让⼤家更容易理解, 更容易到、看到⾃⼰想看到的内容; ⽆论知识点是⼤是⼩, 我都会验证后再分享, 以防⾃⼰发表的⽂章给⼤家造成误导。如有问题还望不吝赐教，本⼈会及时更改 (本⽂原创, 如需转载，请注明出处) 。
usb软驱
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议