Виды указываемых ссылок для свойства "Ссылка" и в верстке

На данный момент, известно, что за счет свойства "Ссылка", а также в верстке напрямую можно указывать для разных элементов сайта адрес, по которому пользователь сможет перейти, кликнув на данный элемент. Однако не всем известно то, что в качестве значения указанного свойства можно задавать разные типы ссылок.

В данном статье мы рассмотрим 4 вида возможных ссылок:

1. якорная
2. внутренняя
3. внешняя
4. IP-адрес (IPv4)

1. Якорная ссылка

Данный тип ссылок ведет на один из блоков страницы, у которого значение атрибута id соответствует тому, что указано в ссылке после символа "Решетка (#)".

Пример - #link

2. Внутренняя ссылка

Внутренняя ссылка ведет на одну из существующих страниц сайта и указывается в формате "слеш"+"ссылка"+"слеш".

Пример - /link/

3. Внешняя ссылка

Подобные ссылки необходимы в случае, когда пользователя при клике по ссылке необходимо перенаправить на другой, сторонний сайт. Данные ссылки необходимо указывать вместе с протоколом подключения.

Пример - https://site.ru/

4. IP-адрес

В данном случае, в качестве ссылки указывается непосредственно IP-адрес интернет-ресурса. Для ссылки указывается протокол подключения к сайту и сам IP - набор из четырех чисел (трех-, двух- или однозначных), разделенных точками.
Также обращаем внимание - можно указать одно, два, три или все четыре числа. В таком случае логика построения ссылки будет следующая:

1. одно число - указанное число подставится в качестве последнего, вместо первых три числа подставится цифра 0 | https://1/ > https://0.0.0.1/
2. два числа - первое указанное число подставится на первое место, второе - на последнее | https://1.2/ > https://1.0.0.2/
3. три числа - первое подставится на первое место, второе - на второе, а третье число идет в качестве последнего | https://1.2.3/ > https://1.2.0.3/
4. четыре числа - каждое число становится на свое порядковое место | https://1.2.3.4/ > https://1.2.3.4/

Пример - https://127.0.0.1/

Наши решения