I Shar

I Shar

мир глазами веб-разработчика

Ссылки: расширенные возможности

как использовать HTML-cсылки для звонков, сообщений и взаимодействия с приложениями

I Shar

время чтения 3 мин.

Photo by Alexander Andrews on Unsplash

С помощью HTML-ссылок мы можем открыть панель набора телефонного номера на мобильном устройстве. Да, эта функция актуальна только для смартфонов, но Google Chrome предлагает неплохую альтернативу для обладателей ноутбуков и настольных компьютеров - мы можем нажать на ссылку и здесь, звонок будет переведен на мобильный телефон. Такие ссылки называются “click to call links”


Позвони мне

Но есть и другие интересные возможности HTML-ссылок.


Другие возможности ссылок

Что еще можно сделать со ссылками:

  • найти местоположение на Google Maps,
  • открыть почтовый клиент с шаблоном письма,
  • отправить заранее созданный текст в SMS.

ссылки и Google Maps

Нажав на ссылку мы можем открыть заданный адрес на Google Maps, такая ссылка называется Map URL и поддерживается различными платформами. Если на устройстве уже установлено нативное приложение, Google Maps просто откроет запрашиваемый адрес. Во всех остальных случаях URL инициируется запуск Google Maps и поиск необходимого адреса в браузере.

Существуют различные Map URL, нас интересуют следующие возможности:

  1. открыть запрашиваемый адрес на Google Maps,
  2. построить маршрут до опредленного адреса.

Подробную информацию можно прочитать в руководстве для разработчиков Google Maps Platform.


Найди меня на Google Maps

Найди меня на Google Maps


ссылка на почтовый клиент с шаблоном письма

Мы отлично знаем, что mailto: позволяет открыть почтовый клиент и создать новое письмо. Но с помощью ссылки, мы также можем добавить и другие аттрибуты сообщения: адрес, тему, само сообщение, получателей копии и скрытой копии.

Посмотрим на пример:


напиши письмо

напиши письмо с этой темой

напиши письмо с этой темой, текст уже готов

напиши письмо с этой темой не только мне, текст уже готов


Отправляем SMS с текстом

Ключевое слово атрибута href sms: позволяет отправить заданный текст SMS на указанный номер. При создании такой ссылки лишний раз проверьте корректность формата сообщения.

Вот пример:



отправьте SMS


Спасибо за внимание.

    • frontend
    • html

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.