~~1 000~~ 0 12-01-2019, 18:12

Элемент - a

5.0 ☒

HTML-элемент <a> являет собой гиперссылку для перехода на другую страницу в Интернете или определённое место на этой же странице.

<a href="https://">Внутреняя ссылка</a>
<a target="_blank"  rel="noreferrer noopener" href="https://">Внешняя ссылка</a>

Помни! При внешней ссылке всегда нужно указывать (rel="noreferrer" и rel="noopener")

Для этого элемента доступны - Глобальные атрибуты html5

Обязательных атрибутов - НЕТ

Собственые атрибуты:

rel - Об этом атрибуте более подробно

download - Задает сосбственое название файла, если нет то используется название самого файла

<a href="https://" download="Новое название файла">Ссылка</a>

href - содержит гиперссылку

<a href="https://layout.rullan.in.ua/">Название ссылки</a>

hreflang - код страны из двух анг. букв и обозначает язык документа на который ссылается ссылка.

<a href="https://eng.site.com" hreflang="en">Английский язык</a>

target - указывает на способ открытия документа

Атрибут target может иметь 5 значений:

_blank - Открывает связан документ в новом окне или вкладке.
_self - Открывает связан документ в тот же фрейм, в котором он был вызван (это без задания).
_parent - Открывает связан документ в родительском фрейме.
_top - Открывает связан документ в полном теле окна

<a target="_blank" href="print.html">Открыть в новом окне</a>

type - опредиляет тип меда связаного документа. Все MIME-типы смотреть

a href="https://layout.rullan.in.ua" type="text/html">CSS</a>

<a href="https://layout.rullan.in.ua/">Название ссылки</a>
<a href="tel:+491570156">+49 157 0156</a>
<a href="mailto:nowhere@gmail.com">Отправить сообщение</a>
<a href="#top">Якорь на id</a>
<a href="jаvascript:alert('Hello');">alert</a>

// для переход в чаты месенджеров:

<a href="viber://chat?number=%2B380974791218">Написать в вайбер</a>
<a href="https://api.whatsapp.com/send?phone=380974791218">Написать Ватсап</a>
<a href="https://t.me/+38097555678">Написать в Телеграм</a>


<ul class="messenger">
	<li>Меcсенджеры</li>
	<!--li onclick="window.open ('tg://msg?to=380985022340');return false"></li-->
	<li onclick="window.open ('tg://resolve?domain=VITALSPECSERVICE');return false"></li>
	<li onclick="window.open ('viber://add?number=380985022340');return false"></li>
	<li onclick="window.open ('whatsapp://send?phone=380985022340');return false"></li>
	<li>+380985022340</li>
</ul>