Если вы оптимизируете собственный веб-сайт для мобильных устройств, вам следует не только обращать внимание на различные размеры экрана, оптимизированное время загрузки и специальные функции в работе (например, эффекты наведения), но и учитывать особые возможности устройств. Сюда также входит (некоторые люди, возможно, забыли) совершать телефонные звонки.
Кстати, предварительный «+49» в атрибуте href рекомендуется, поскольку он позволяет клиентам из-за границы получить правильное телефонное соединение в Германии. Следующая разметка может использоваться для того, чтобы номер телефона в разделе контактов веб-сайта немедленно открывал приложение телефона при нажатии.:
<a href="tel:+498921555122">089 21 555 122</a>Чтобы пользователи десктопов (которые не могут ничего сделать с HTML-тегом без установленного плагина Skype) не запутались, мы также рекомендуем следующую CSS-разметку, означающую, что ссылка не может быть распознана как таковая:
a[href^="tel"] {
cursor: default;
text-decoration: none;
color: #000;
}
@media only screen and (max-device-width: 480px) {
a[href^="tel"] {
text-decoration: underline;
color: blue;
}
}