Мені потрібно створити веб-сторінку для мобільних пристроїв. Є ще одне, чого я досі не зрозумів: як я можу викликати телефонний дзвінок за допомогою клацання тексту?
Чи є спеціальна URL-адреса, яку я міг би ввести, як mailto:тег для електронних листів?
Рішення для пристрою не є кращим.
Я знаю, що iPhone автоматично розпізнає номери телефонів і створює посилання на це, але було б чудово, якби це можна було зробити і для зображень ... а також для більшості мобільних пристроїв.
Відповіді:
Більшість сучасних пристроїв підтримують схему tel:. Тому використовуйте, <a href="tel:555-555-5555">555-555-5555</a>і вам слід добре піти.
Якщо ви хочете використовувати його для зображення, <a>тег може обробляти <img/>розміщене в ньому так само, як і інші звичайні ситуації з:<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>
Хочете додати тут відповідь заради повноти.
<a href="tel:1234567">Call 123-4567</a>Працює чудово на більшості пристроїв. Однак на робочих столах це відображатиметься як посилання, яке нічого не робить при натисканні на нього, тому вам слід розглянути можливість використання CSS, щоб зробити його умовно видимим лише на мобільних пристроях.
Крім того, ви повинні знати, що Skype (який досить популярний) використовує інший синтаксис за замовчуванням (але його можна налаштувати для використання tel :).
<a href="callto:1234567">Call 123-4567</a>Однак я думаю, що в останніх браузерах для мобільних пристроїв (я точно знаю на Android) тепер telсинтаксис повинен запропонувати спливаюче вікно доступних додатків, які можна використовувати для завершення дії виклику.
Код посилання смартфона, що натискається:
Наступне посилання може бути використане для створення телефонного посилання, яке можна натиснути. Ви можете скопіювати код нижче та вставити його на свою веб-сторінку, а потім відредагувати зі своїм номером телефону. Цей код може працювати не на всіх телефонах, але він працює для iPhone, Droid / Android та Blackberry.
<a href="tel:1-847-555-5555">1-847-555-5555</a>Посилання на телефонні номери можна використовувати з тире, як показано вище, або без них, а також у наступному прикладі:
<a href="tel:18475555555">1-847-555-5555</a>Також можна використовувати будь-який текст у посиланні, поки номер телефону встановлений за допомогою "tel: 18475555555", як у цьому прикладі:
<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>Нижче перелічено телефонний гіперпосилання, який ви можете перевірити. У більшості не-телефонних браузерів це посилання надасть помилку "Веб-сторінку не відображається", інакше нічого не відбудеться.
ПРИМІТКА: Браузер iPhone Safari автоматично виявить номер телефону на сторінці та перетворить текст у посилання для дзвінків, не використовуючи жодного коду на цій сторінці.
Код посилання для смартфона WTAI: Код посилання WTAI або "Інтерфейс бездротової телефонії" наведено нижче. Цей код вважається правильним протоколом мобільного телефону, і він працюватиме на таких смартфонах, як Droid, однак, він може не працювати для Apple Safari на iPhone, і наведений вище код рекомендується.
<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> По суті, використовуйте <a>елемент з hrefattr, що вказує на номер телефону, префіксований символом tel:. Зауважте, що плюси можна використовувати для визначення коду країни, а дефіси можна включати просто для людських очей.
Веб-документи MDN
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link
HTML
<a>елемент (або анкерний елемент), разом з атрибутом HREF, створює гіперпосилання на інші веб - сторінки, файли, місця в межах однієї і тієї ж сторінки, адреси електронної пошти або будь-який інший URL.[…]
Пропонування телефонних посилань корисно для користувачів, які переглядають веб-документи та ноутбуки, підключені до телефонів.
<a href="tel:+491570156">+49 157 0156</a>
Документи IETF
https://tools.ietf.org/html/rfc3966
telURI для телефонних номерівURI "tel" має такий синтаксис:
telephone-uri="tel:"телефон-абонент[…]
Приклади
tel:+1-201-555-0123: Цей URI вказує на номер телефону у Сполучених Штатах. Дефіси включені, щоб зробити число більш зрозумілим для людини; вони розділяють країну, код міста та номер абонента.
tel:7042;phone-context=example.com: URI описує місцевий номер телефону, дійсний у контексті "example.com".
tel:863-1234;phone-context=+1-914-555: URI описує номер місцевого телефону, який дійсний у певному префіксі телефону.
Просто використовуйте HTML - тег прив'язки <a>і почати атрибут hrefз tel:. Я пропоную розпочати номер телефону з коду країни. зверніть увагу на наступний приклад:
<a href="tel:+989123456789">NO Different What it is</a>У цьому прикладі код країни є +98.
Підказка : Це так підходить для мобільних телефонів, я знаюtel:префіксні дзвінкиFaceTimeна macOS, але в Windows я не впевнений, але, мабуть, це спричинило запуск Skype.
Для отримання додаткової інформації : ви можете відвідати список схем URL-адрес, підтримуваних браузерами, щоб знати всі hrefпрефікси значень.