Как сделать ссылку на телефон на странице при помощи HTML


25.02.2011 12513 5.0 0

Здесь будет продемонстрировано , как создавать ссылки на телефонные номера при помощи HTML. Это позволяет звонить непосредственно с мобильного браузера по телефону написанному в тексте, просто путем клика на телефон. Телефонная ссылка по умолчанию По умолчанию iOS и Android броузеры сами определяют в тексте телефонные номера и делает из них ссылку. Обратите внимание, информация может  меняться, пожалуйста оставляйте комментарии ниже

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

555-5555 (iPhone)
(555) 555-5555 (Android + iPhone)
+1 (555) 555-5555 (iPhone)
555 5555 (iPhone )
555 555 5555 (Android + iPhone)
+1 555 555 5555 (iPhone )
555.5555 (iPhone )
555.555.5555 (Android + iPhone)
+1 555.555.5555 (iPhone )

 

 

Если вы используете сайт или приложение для различных платформ, то пользователи должны иметь возможность позвонить просто кликнув по ссылке Создание телефонной ссылки Метода создания вашей собственной телефонной ссылки очень прост. Вместо использования обычной ссылки HTTP/S, вы можете использовать "tel:". Это работает как обычная ссылка, только вместо атрибутов указывающих на URL надо поставить перед номером "tel:" or "tel://" . Вот примеры написания скрипта: 

<!-- Embedded within normal page text -->
<p>If you'd like to talk, <a href="tel:5555555">Call Me!</a></p>
 
<!-- Linking a custom image -->
<a href="tel://555-5555"><img src="phone.png" alt="Call Now!" /></a>
 
<!-- Cross-platform compatible (Android + iPhone) -->
<a href="tel://1-555-555-5555">+1 (555) 555-5555</a>

 Внимание: Все эти коды должны работать непосредственно на устройствах и могут не работать на эммуляторах систем.

Наиболее универсальным является префикс "tel://" , он работает практически на всех телефонах без ошибок.

 

Отключение автоматического определения последовательности цифр, как номера телефона

Для Андроида и IPhone, вы можете отключить автоматическое определение цифр как номера телефона с использованием нижеследующего мета тега 

<meta name="format-detection" content="telephone=no" />

Этот мета тег, делает невозможным автоматическое определение последовательности цифр, как номера телефона на устройствах IPhone и Android , но при этом сохраняется возможность прописать номер телефона при помощи скриптов написанных выше.

Разместите у себя на сайте рекламу как здесь и это будет приносить вам доход

Смотрите так же :
Как вставить на свой сайт фотографии Инстаграм с определенным хештегом?

Как сделать сайт самому ? 
Как сменить windows  на телефоне Lumia


Читайте также:
Комментарии
avatar