😎 » HTML5 » Элемент - a
995 0  

Элемент - a

5.0 ☒

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

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

am Помни! При внешней ссылке всегда нужно указывать  (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>
 
 Chrome  Edge  Firefox  Internet  Internet  Safari
1 1 1 1 1 1
 
 Android  Chrome  Edge  Firefox  Opera  Safari  Samsung
1 1 1 1 1 1 1

Провірити на сайті developer.mozilla.org

Залишити свій коментар:

Досвід у веброзробці:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2009
2023