前端常识：防止在iOS设备中的Safari将数字识别为电话号码

iOS系统里有一个默认开启的功能，会把网页中的数字自动识别为电话号码， 并改变文字颜色和样式，这个情况是不是很郁闷？ 不知道原因的话根本无从下手，哪怕代码查几百遍也找不到问题！实在恼火，其实既然是默认开启我们关掉它就好了!

1、标准的电话号码格式是这样的:

<a href=http://www.wtoutiao.com/p/"tel:1-408-555-5555">1-408-555-5555

点击后会自动打开电话功能。

2、但有时候不是电话号码的数字也会被浏览器自动解析为电话号码, 并把数字的颜色和样式都改了, 很郁闷。

 

3、知道原因要解决就很简单了, 只要把这个默认行为关闭就行! 方法超简单, 只要一行代码:

<meta name = "format-detection" content = "telephone=no">

4、最棒的是这个关闭不会影响真正电话号码的识别, 所以不管你的页面有没有这个问题都加上这行代码吧

a标签属性href中的tel及mailto用处

<a href=”tel:8888888888″>8888888888</a>

　　指定电话的超链接

<a href=”mailto:xx@zhudongdong.cn”>邮箱</a>

　　指定邮箱的超链接