tel链接基本写法是a标签配合tel:协议，以tel:开头后接纯数字号码（可含+、#、*），+需编码为%2B；支持,和;实现拨号后自动按号；移动端需注意兼容性问题。
tel链接的基本写法和协议格式
HTML里创建电话链接，核心是用 a 标签配合 tel: 协议。浏览器或手机系统识别到这个协议，点击时会唤起拨号界面。协议本身不校验号码格式，但实际能否拨通取决于设备和号码书写是否符合本地规范。
- 必须以
tel:开头，后面紧跟号码（不含空格、横线、括号等分隔符，除非明确支持） - 推荐只保留数字和
+（国际前缀）、#、*—— 这些是协议允许的合法字符 - 中国大陆手机号可直接写
13812345678，带国家码则写+8613812345678 - 示例：
<a href="tel:+8613812345678">拨打客服</a>
为什么加了“+”有时打不通？
+ 在 URL 中是特殊字符（等价于空格），未编码时可能被错误解析。尤其在微信内置浏览器、部分安卓 WebView 中，tel:+86138... 会被截断或忽略 +。
- 正确做法是将
+编码为%2B：写成tel:%2B8613812345678 - 也可以用 JavaScript 动态生成链接，调用
encodeURIComponent('+86138...')确保安全 - 注意：iOS Safari 对
+宽容度高，但不要依赖；Android 厂商定制浏览器差异大，统一编码最稳妥
如何添加拨号后自动按号（如语音菜单）？
tel: 协议支持 ; 分隔的扩展指令，常见的是 pause（逗号）和 wait（分号），用于控制拨号节奏。
-
逗号
,表示等待约 2 秒再继续拨（适合等语音提示结束）立即学习“前端免费学习笔记（深入）”；
分号
;表示暂停并等待用户手动确认（适合需人工干预的场景）示例：
<a href="tel:10086,1,2;">联通客服-转人工</a>
效果：拨通 10086 → 等 2 秒 → 拨 1 → 等 2 秒 → 拨 2 → 停住，等你点“拨打”不是所有设备都支持这些扩展，iOS 较稳定，部分安卓机型会忽略逗号/分号
移动端点击无反应？检查这几点
电话链接在桌面浏览器中通常无效果（或弹出“无法处理协议”提示），这是正常行为。但若在真机上点不动，常见原因有：
- 父容器用了
pointer-events: none或覆盖了透明层 - 链接被 JS 阻止了默认行为（比如绑了
onclick="return false"） - 使用了伪元素（
::before/::after）遮挡点击区域，且未设pointer-events: none - 微信 iOS 客户端早期版本对
tel:支持不稳定，建议用location.href = 'tel:...'触发（绕过 a 标签限制）
电话链接看着简单，但跨平台兼容性藏了不少细节。最保险的做法：号码只含数字和 %2B，避免任何分隔符；扩展指令仅用于 iOS 场景；真机测试务必覆盖微信、QQ、原生浏览器三个环境。
