网页展示邮箱需确保格式正确、防爬虫且支持点击发送:纯文本易被爬取;javascript拼接或css伪元素可防采集;mailto链接须用标准格式并注意参数转义。

在网页上展示联系方式时,必须确保电子邮件地址格式正确、可被自动识别且不易被爬虫批量采集,否则会导致收不到客户邮件或邮箱被垃圾信息塞满。
基础格式:用户名@域名
在网页HTML代码中写邮箱地址,最简方式是直接用纯文本:contact@example.com。但这会让地址暴露在源码里,容易被爬虫抓取用于群发垃圾邮件。
这一步操作起来很简单,直接把文件拖进去就行。
但【必须确保“@”前后无空格、无全角字符、无中文标点】,否则访客复制粘贴后会因格式错误无法发送邮件。
防爬虫写法:拆分+JavaScript拼接
适用于需要兼顾可读性与防采集的官网联系页。
方法一:用JavaScript动态组合字符串
在HTML中写:<span id="mail"></span>,再在页面底部加一段脚本:document.getElementById("mail").innerHTML = "service" + "@" + "company" + ".com";
方法二:CSS伪元素隐藏关键符号
HTML:<span class="email">admin<span class="at"></span>domain.com</span>
CSS:.at::before { content: "@"; }。这样爬虫通常只读到“admin domain.com”,而人类看到的是完整地址。
可点击发送:mailto链接写法
让访客一点就唤起本地邮件客户端,是最实用的网页邮箱呈现方式。
第一步:用mailto:协议开头,后面紧跟标准邮箱格式
示例:@#@#@#@#@#@#@#@#@#@0
第二步:可追加主题和正文参数,提升沟通效率
完整写法:@#@#@#@#@#@#@#@#@#@1
注意:中文需URL编码,但现代浏览器大多自动处理;【subject和body参数值中不能出现未转义的空格或特殊符号,否则链接失效】
第三步:添加target="_blank"防止跳转丢失当前页面
写成:@#@#@#@#@#@#@#@#@#@2











