alex-lenk
@alex-lenk
Разработчик сайтов

Есть ли лучший вариант чем использование href="tel:…"?

Оптимизирую HTML код, номер телефона обернут в ссылку:
<a href="tel:790077733322">+7 900 777 333 22</a>

Вот что хочу видеть вместо ссылки, кликабельно:
<span data-tel="790077733322">+7 900 777 333 22</span>


нужно избавиться от ссылки, но что бы было кликабельно на мобильных телефонах, причем довольно на многочисленных устройствах.
  • Вопрос задан
  • 1057 просмотров
Решения вопроса 1
Carduelis
@Carduelis
Web-developer, front-end, js, less
Если вы напишете просто телефон текстом, и поставите
<meta name="format-detection" content="telephone=yes"/>
, то iOs автоматически обернет его в тег <a>, тем самым модифицировав ваш код.
Правильно и семантично будет понять, чем же не устраивает ссылка для телефона. И разобраться в той причине, по которой вы хотите избавиться от нее.

Если же ваша задача - оптимизировать, то убирая ссылку, вы делаете только хуже. Есть определенные стандарты и поведения браузеров, следуйте им.

P.S.: Чтобы сделать кликабельным элемент не-ссылку и не-кнопку на iOs, нужно добавить к нему curpor: pointer;
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
webinar
@webinar Куратор тега jQuery
Учим yii: https://youtu.be/-WRMlGHLgRg
Можно сделать и span и ссылку рядом, а через медиа запросы в css скрывать не нужный при том или ином разрешении.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы