Ссылка на телефонный номер


Недавно Слава Олиянчук спросил в твиттере, размечаем ли мы номера телефонов как ссылки. Всё правильно спросил, номер телефона стоит размечать как ссылку с псевдопротоколом tel. В этом случае браузеры, которые понимают этот псевдопротокол1, смогут сразу набрать нужный номер.

Вот только что делать с теми браузерами, которые не могут никуда позвонить? В принципе, при клике по такой ссылке ничего не произойдёт, раньше таким же образом делались javascript-ссылки2. При этом пользователь всё равно будет видеть такую ссылки и пытаться по ней кликнуть и расстраиваться из-за того, что ничего не работает.

Давайте спрячем такие ссылки от пользователя? Например вот так:

a[href^="tel:"] {
    text-decoration:none;
    color:inherit;
    cursor:default;
    }

Эта несложная запись сделает любую ссылку, начинающуюся с «tel:» абсолютно неотличимой от потока текста, работает во всех современных браузерах.

Примечания.

  • Мобильные браузеры, десктопные с установленным скайп-плагином
  • Сейчас все правильные мальчики и девочки используют ненавязчивый JS