Ссылки на мессенджеры на сайте

Сегодня добавим на сайт ссылки на мессенджеры: Telegram, WhatsApp, Viber, Skype, Вконтакте, Facebook; а так же рассмотрим как добавлять другие виды ссылок: на почту, телефон и файл.

Ссылка на Telegram

<!-- для перехода к диалогу Telegram -->
<a href="tg://resolve?domain=only_to_top">Telegram</a>

Пример: Telegram - переход к диалогу

<!-- Telegram через браузер  -->
<a href="https://telegram.me/only_to_top">Telegram</a>

Пример: Telegram - открыть через браузер

Вместо only_to_top замените на нужный логин

Ссылка на WhatsApp

<!-- ссылка на WhatsApp -->
<a href="whatsapp://send?phone=+120345678910">WhatsApp</a>

Пример - ссылка на WhatsApp

Ссылка на Viber

<!-- ссылка на Viber для ПК -->
<a href="viber://chat?number=+120345678910">Viber</a>

Пример - ссылка Viber ПК

<!-- ссылка на Viber для мобильных -->
<a href="viber://add?number=+120345678910">Viber мобила</a>

Пример - ссылка Viber мобила

Ссылка на Skype

<!-- открыть диалог для Skype переписки -->
<a href="skype:nikname?chat">Skype</a>

Пример - ссылка для чата Skype

<!-- ссылка на звонок по Skype -->
<a href="skype:nikname?call">Skype</a>

Пример - ссылка на звонок Skype

Ссылка Vkontakte

<!-- открыть диалог для переписки вконтакте -->
<a href="vk.me/consapevolezza">Vkontakte</a>

Пример - ссылка на страницу пользователя Vkontakte

Ссылка на Facebook Messenger

<!-- открыть диалог в Facebook Messenger -->
<a href="https://www.messenger.com/t/Username">Facebook Messenger</a>

Пример - ссылка на messenger Facebook

Ссылка на электронную почту

<!-- ссылка на e-mail -->
<a href="mailto:mail@gmail.com">E-mail</a>

Пример - ссылка на электронную почту - E-mail

Ссылка на электронную почту с темой и текстом

<!-- ссылка на e-mail -->
<a href="mailto:mail@gmail.com?subject=Сотрудничество&body=Здравствуйте, скажите ...">E-mail</a>

Пример - ссылка на электронную почту с темой и сообщением - E-mail

Ссылка на телефон

<!-- ссылка на телефон -->
<a href="tel:+70234565861">+7 (032) 564-19-08</a>

Значение href лучше прописывать без лишних символов

Пример - ссылка на телефон +7 (032) 564-19-08

Ссылка на файл

<!-- ссылка на файл, будет открыт в браузере в новой вкладке-->
<a href="img/smiling_sun.jpg" target="_blank">Открыть файл</a>

Пример - ссылка на открытие файла

<!-- ссылка на файл, который будет предложено скачать или открыть -->
<a href="img/smiling_sun.jpg" download>Скачать файл</a>

Пример - ссылка на скачивание файла