必须用禁用ios自动电话识别，需置于后、其他meta前，content值须小写紧凑无空格；真实电话应使用tel:链接。
在 HTML5 中，要规范禁用移动端浏览器（尤其是 Safari）对数字串的自动电话识别，必须使用 <meta name="format-detection"> 标签，且写法有严格要求——仅靠 CSS 或 JS 无法真正阻止识别行为，因为匹配发生在渲染层，而非 DOM 事件层。
必须写在 中且位置明确
该 meta 标签需放在 <title></title> 之后、其他 meta 标签之前。若页面已存在同名 format-detection 标签，应合并 content 值，避免被后加载的同名标签覆盖。
- ✅ 正确示例：
<meta name="format-detection" content="telephone=no"> - ❌ 错误写法：
含首尾空格（content=" telephone=no "）、大小写混用（Content或Name）、逗号后加空格（telephone=no, email=no→ 应为telephone=no,email=no） - ⚠️ 注意：不能将多个 format-detection 合并进一个 meta 的其他属性中，必须独占一行、独立声明
content 值必须小写、紧凑、逗号分隔
content 属性值区分大小写，且只接受小写关键字 + 紧凑格式。iOS 会直接忽略带空格或大小写错误的值。
- ✅ 有效：
telephone=no、telephone=no,email=no、telephone=no,email=no,address=no - ❌ 无效：
Telephone=NO、telephone = no、telephone=no, email=no（逗号后有空格） - ? 提示：如需同时禁用邮箱和地址识别，建议一并写入同一 content 值，而非拆成多个 meta 标签
禁用后仍需保留真实电话可拨号能力
全局禁用不等于放弃拨号功能。对真正需要点击拨打的号码，应显式使用 tel: 协议链接，确保语义正确、行为可控。
- ✅ 推荐写法：
@#@#@#@#@#@#@#@#@#@0 - ❌ 不推荐：
依赖浏览器自动识别（已被禁用）、用pointer-events:none包裹干扰数字（仅阻点击，不阻样式高亮） - ? 补充技巧：对非电话用途的长数字（如身份证、订单号），可用零宽空格
打断连续性，例如13812345678，iOS 不会将其识别为电话
兼容性与替代方案提醒
format-detection 主要在旧版 iOS Safari 上生效；Chrome、Firefox、Edge 等现代浏览器完全不识别该 meta。若需跨平台一致表现，建议结合 DOM 干预：
- 对敏感数字串插入 Unicode 零宽字符（
）或全角数字（如“１２３”）干扰解析 - 避免在非电话文本中出现易触发识别的格式（如 (138) 123-4567、+86 138 0013 8000）
- 不依赖
event.preventDefault()拦截 click —— 渲染阶段已完成识别，JS 已来不及干预
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
