Мне нужно создать веб-страницу для мобильных устройств. Есть только одна вещь, которую я до сих пор не понял: как я могу вызвать телефонный звонок с помощью щелчка текста?
Могу ли я ввести специальный URL-адрес, например, mailto:тег для электронных писем?
Специфичное для устройства решение не является предпочтительным.
Я знаю, что iPhone автоматически распознает телефонные номера и создает ссылку для этого, но было бы здорово, если бы это можно было сделать и для изображений ... а также для большинства мобильных устройств.
html
phone-call
mobile-phones
url-protocol
Фредерик Морен
источник
источник
Правильная схема URL - это тел: [число], так что вы бы сделали
источник
Хочу добавить ответ здесь для полноты картины.
Работает просто отлично на большинстве устройств. Однако на настольных компьютерах это будет отображаться как ссылка, которая ничего не делает при нажатии на нее, поэтому вам следует рассмотреть возможность использования CSS, чтобы сделать ее условно видимой только на мобильных устройствах.
Кроме того, вы должны знать, что Skype (который довольно популярен) по умолчанию использует другой синтаксис (но может быть параметрирован для использования tel :).
Тем не менее, я думаю, что в последних мобильных браузерах (я точно знаю, на Android) теперь
telсинтаксис должен предлагать всплывающее окно доступных приложений, которые можно использовать для завершения действия вызова.источник
Кликабельный код ссылки на смартфон:
Следующая ссылка может быть использована для создания интерактивной ссылки телефона. Вы можете скопировать приведенный ниже код и вставить его на свою веб-страницу, а затем отредактировать под своим номером телефона. Этот код может работать не на всех телефонах, но работает на iPhone, Droid / Android и Blackberry.
Ссылки на телефонные номера можно использовать с тире, как показано выше, или без них, а также в следующем примере:
Также можно использовать любой текст в ссылке, если номер телефона настроен с помощью «tel: 18475555555», как в этом примере:
Ниже кликабельна телефонная гиперссылка, которую вы можете проверить. В большинстве браузеров, не являющихся телефонами, эта ссылка приведет к ошибке «Веб-страница не может быть отображена», иначе ничего не произойдет.
ПРИМЕЧАНИЕ . Браузер iPhone Safari автоматически обнаружит номер телефона на странице и преобразует текст в ссылку для вызова, не используя какой-либо код на этой странице.
Код ссылки смартфона WTAI: Код ссылки WTAI или «Интерфейс приложения беспроводной телефонии» показан ниже. Этот код считается правильным протоколом мобильного телефона и будет работать на смартфонах, таких как Droid, однако он может не работать для Apple Safari на iPhone, поэтому рекомендуется использовать приведенный выше код.
источник
По сути, используйте
<a>элемент сhrefattr, указывающим на номер телефона с префиксомtel:. Обратите внимание, что плюсы могут использоваться для указания кода страны, а дефисы могут быть включены просто для человеческого глаза.MDN Web Docs
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link
Документы IETF
https://tools.ietf.org/html/rfc3966
источник
Просто используйте HTML-тег привязки
<a>и начните атрибутhrefсtel:. Предлагаю начать номер телефона с кода страны. обратите внимание на следующий пример:Для этого примера код страны
+98.Подсказка : он очень подходит для мобильных телефонов, я знаю
tel:префиксные звонкиFaceTimeв macOS, но в Windows я не уверен, но думаю, это вызвало запуск Skype.Для получения дополнительной информации : вы можете посетить список схем URL, поддерживаемых браузерами, чтобы узнать все
hrefпрефиксы значений.источник