При оптимизации вашего сайта для мобильных устройств следует учитывать не только разные размеры экранов, оптимизированное время загрузки и специальные функции (например, эффекты при наведении курсора), но и специфические возможности устройств. Это включает (возможно, кто-то забыл) совершение телефонных звонков.
Кстати, рекомендуется использовать префикс «+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;
}
}