Отключить выделение номера телефона на мобильных устройствах
Сегодня мобильные браузеры ничем не уступают браузерам на полноценных компьютерах, а в чем-то даже превосходят. Они без труда умеют определять номер телефона на сайте, выделять его и делать ссылкой, чтобы при клике на него можно было сразу совершить звонок.
Иногда из-за этого ломается верстка, телефон начинает выбиваться из общей картины дизайна. Поэтому бывают ситуации, когда это выделение и определение необходимо отключить. Как это сделать?
Все очень просто. Достаточно в секцию между тегами <head></head> добавить следующую строчку кода:
<meta name="format-detection" content="telephone=no">Вот и все. Но! Этот способ позволяет избавиться от выделения на iPhone. Как быть с остальными браузерами?
Для этого есть второй, менее красивый, но не менее легкий способ. Разбиваем наш номер телефона с помощью невидимых тегов, например:
<span>+7999<img>123-45<img>67</span>
Теперь номер не выделится, но html выглядит не очень чистым. Помните, что любое выделение можно стилизовать. Поэтому пользуйтесь этими методами только при необходимости.