Отключить выделение номера телефона на мобильных устройствах

Отключить выделение номера телефона на мобильных устройствах

Сегодня мобильные браузеры ничем не уступают браузерам на полноценных компьютерах, а в чем-то даже превосходят. Они без труда умеют определять номер телефона на сайте, выделять его и делать ссылкой, чтобы при клике на него можно было сразу совершить звонок.

Иногда из-за этого ломается верстка, телефон начинает выбиваться из общей картины дизайна. Поэтому бывают ситуации, когда это выделение и определение необходимо отключить. Как это сделать?

Все очень просто. Достаточно в секцию между тегами <head></head> добавить следующую строчку кода:

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

Вот и все. Но! Этот способ позволяет избавиться от выделения на iPhone. Как быть с остальными браузерами?

Для этого есть второй, менее красивый, но не менее легкий способ. Разбиваем наш номер телефона с помощью невидимых тегов, например:

<span>+7999<img>123-45<img>67</span>

Теперь номер не выделится, но html выглядит не очень чистым. Помните, что любое выделение можно стилизовать. Поэтому пользуйтесь этими методами только при необходимости.

24.11.19
Для просмотра сайта обновите браузер.