HTML中tel:链接需以tel:开头并接纯数字或+号,推荐E.164格式如tel:+8613800138000;避免括号短横线;紧急号码慎用;主流移动端支持,桌面端无效。

在 HTML 中用 @#@#@#@#@#@#@#@#@#@0 就能触发手机拨号界面,但要注意格式规范和兼容性细节,否则可能失效。
tel: 链接的基本写法
href 值必须以 tel: 开头,后面紧跟纯数字号码(可含 +、-、空格、括号等分隔符,但多数系统只识别数字和 +)。
- 推荐写法:
href="tel:+8613800138000"(带国家代码,兼容性更好) - 国内常用写法:
href="https://www.php.cn/link/bf6b0f58d00358ea44b0d4205479fb1c"(适用于中国大陆大部分设备) - 避免写法:
href="tel:(138) 0013-8000"或href="tel:138-0013-8000"(部分 iOS 版本会忽略括号和短横线)
适配不同地区与特殊号码
国际号码建议统一用 E.164 格式(+国家码+手机号),例如:
- 中国:+8613800138000
- 美国:+12125551234
- 紧急号码(如 110、119)在部分系统中可能被拦截或不响应,不建议用于常规页面
增强用户体验的小技巧
单独的 tel 链接点击后直接跳转拨号页,若想更友好,可以:
- 加
target="_self"明确当前页跳转(虽非必需,但避免某些 WebView 异常) - 配合图标或文字说明,例如:
@#@#@#@#@#@#@#@#@#@1 - 移动端页面建议设置
user-scalable=no的 viewport(非必需,但防止误缩放影响点击)
兼容性与注意事项
该功能在 iOS Safari、Android Chrome、微信内置浏览器等主流移动环境均支持,但:
- 桌面浏览器(如 Chrome for Windows)通常无反应或提示“无法处理此链接”
- 微信 Android 客户端 8.0.23+ 支持 tel:,iOS 微信需开启“打开网页时允许拨号”权限(默认开启)
- 不要在 href 中添加空格、中文、字母或其他非法字符,否则链接会失效
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











