Особливості верстки полів телефону та email

Привіт:) У цій замітці розгляну, як правильно оформлювати код полів телефону та email у верстці сторінки.

При верстці телефону та пошти на сайті краще використовувати tel: та mailto:.

Посилання tel: потрібні, щоб зробити клікабельним номер телефону на сайті, а через mailto: можна надіслати цілий лист, в якому відразу будуть заповнені адреса, тема і навіть якийсь текст.

Такі формати посилань підтримуються браузерами.

mailto:

Посилання формується із кількох частин. Спочатку в адресі ставиться префікс mailto:, після якого вказується адреса пошти. Це найпростіший варіант.

<a href="mailto:admin@site.com">Напишіть нам</a>

Текст листа вказується за допомогою body:

<a href="mailto:admin@site.com&body=привіт">Напишіть нам</a>

За тему листа відповідає параметр subject:

<a href="mailto:admin@site.com&body=привіт?subject=тема">Напишіть нам</a>

Можна навіть вказати когось у копії, для цього використовуються параметри cc та bcc:

<a href="mailto:admin@site.com&cc=blog@site.com?body=Привіт, підпишіться на розсилку">Напишіть нам</a>
<a href="mailto:someone@yoursite.com?cc=someoneelse@theirsite.com, another@thatsite.com, me@mysite.com&bcc=lastperson@theirsite.com&subject=Big%20News">Email Us</a>
до змісту ↑

tel:

Посилання на номер телефону розмічається за допомогою спеціального префікса перед номером телефону tel:.

<a href="tel:+380975555555">+38-097-555-55-55</a>

Хорошим тоном вважається вказівка ​​у href коду країни. При цьому в тексті посилання номер може бути вказаний у будь-якому зручному форматі.

Михайло Петров
Михайло Петров

Мене звати Михайло. Я — WordPress-розробник. Створюю візитки, корпоративні сайти, блоги на WordPress.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *