Хаки и Скрипты Next Generation CMS

Делаем активный номер телефона

irbees2008 irbees2008 Опубликовано - 20 - апреля HTML5
2408 - 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

Делая страничку визитку клиенту надо было сделать активным номер телефона, чтобы клиент смог кликнув по номеру сразу набрать его. Ну я как всегда принялся искать варианты . Первое что мне попалось это сервисы обратного звонка, но связываться с ними нет желания. Далее попался вариант с HTML5 ,где все просто и лаконично, проверил на смартфоне, работает .

Итак приступим,для того чтобы кликать можно было и по телефонным номерам и тут же набирать их, мы будем использовать атрибут tel: .

Код:
<a href="tel:01234567890">01234 567 890</a>

333333333 нажми меня чтобы позвонить
Мы получили кликабельные телефонные номера вместо простого статичного текста.

Также можно сделать номер ссылкой для Skype, чтобы ссылка открывалась в Skype, вам нужно будет изменить атрибут tel: на callto: .

Код:
<a href="callto:3333333333">333333333</a>
333333333 нажми меня чтобы позвонить

Также можно сделать и с контактным email, в параметре ссылки href нужно просто прописать Mailto:.

Код:
<a href="mailto:[email protected]">Example Email</a>
Example Email нажми меня чтобы написать хозяину

При клике эта ссылка открывает почтовый клиент и создает новое письмо с уже указанным адресом.

Можешь почитать и вот эту статейку " 30 онлайн-инструментов для тестирования сайтов"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Обновленное

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4737 дней
  • Новостей: 604
  • Комменты: 257
  • Зарегистрированно : 704
  • Онлайн всего: [7]
  • Гости: [6]
  • Поисковики: [1] Google
  • Были сегодня : [3] Яндекс, Google, irbees2008
  • SQL запросов: 28
  • Генерация страницы: 0.219сек
  • Потребление памяти: 5.161 Mb 
  •   Яндекс.Метрика