If you used an iPhone you have probably noticed that Apple recognizes phone numbers on webpages and makes them links. What if you don’t want those numbers linked? Maybe those numbers are not even a phone number but just some other string of numbers that coincidentally looks like a phone number. Whatever the case is there is a solution.
Apple has a little known meta tag that can disable the linking of phone numbers, or any string of numbers it thinks is a phone number. It’s a simple meta tag that you would place somewhere in the head of your document.
<meta name="format-detection" content="telephone=no">
This tag will also cancel any telephone links on an android device as well. You can also keep the links and style them to your liking using the following CSS.
a[href^=tel]{
/* styles here */
}
this will target any anchor linked as a telephone number (i.e. <a href=”tel:”>).
