MouseDC.ru » Обучение » HTML » Теги » Cсылки (a) в HTML

Cсылки (a) в HTML

Без возможности создавать ссылки все сайты состояли бы из одной страницы. Благодаря ссылкам пользователи могут переходить с одной страницы сайта на другую самостоятельно. За создание ссылки отвечает тег <a>. У этого тега есть атрибут href="..." - он содержит адрес страницы, куда ведёт ссылка. Пример HTML кода для ссылки:

<a href="http://mousedc.ru/">Мышиный хостинг</a>

В браузере эта ссылка будет выглядеть так:

Мышиный хостинг

В значении атрибута href="..." может стоять как абсолютная, так и относительная ссылка. Абсолютная ссылка - это ссылка с указанием домена и схемы (http(s)://). К примеру http://mousedc.ru/index.php. Относительной ссылкой называется такая ссылка: /index.php. Но относительная ссылка ведёт на документ в пределах текущего домена.

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

Пример относительной ссылки на раздел обучающих статей текущего сайта:

<a href="/learning/">Обучающие статьи</a>

В браузере эта ссылка будет выглядеть так:

Обучающие статьи

Относительные ссылки могут начинаться на слеш "/". В таком случае они ведут на страницу, адрес которой указан относительно корня сайта. Если ссылка не начинается на слеш, то она ведёт на документ в текущей директории сайта (либо начиная с текущей директории). Рекомендуем всегда задавать относительные ссылки со слешем "/" в начале, чтобы не путаться.

Совет: если захотите сделать ссылку на титульную страницу сайта, то достаточно написать слеш "/" в атрибуте href:

<a href="/">На титульную</a>

Была ли эта статья полезна? Есть вопрос?

Закажите недорогой хостинг Заказать

всего от 290 руб