Что такое анкорная и безанкорная ссылки

Чтобы информация, размещаемая на WEB-страницах, хорошо воспринималась, привлекала внимание посетителя, и, в конечном итоге, побуждала его к определенным действиям – покупкам, заказам и прочему, существует немало приемов. Большинство из них направлены на то, чтобы посетитель сайта получил дополнительную информацию быстро, как говорится в один клик. Эту информацию можно получить с другой страницы этого же сайта, с постороннего ресурса или прямо на этой же странице по принципу «показать пальцем». Реализуется такая возможность программными методами, с помощью так называемых «анкорных» и «безанкорных» ссылок.

Что такое «анкорная» ссылка

Анкорная ссылка предназначена для облегчения поиска информации в рамках одной WEB-страницы. Проиллюстрировать такое действие можно на следующем примере: у вас на странице написано, что данный товар можно купить в таком-то магазине, но сам адрес торговой точки написан в самом низу страницы. Нетерпеливый посетитель может не захотеть читать всю информацию, а получить адрес магазина сразу. Для реализации его желания слово «магазин» надо сделать с помощью тега A анкорной ссылкой, а возле адреса в коде страницы поставить «анкор» (якорь).

Реализуется это так:

• В атрибутах тега, в который заключен адрес магазина пишете его «имя»: name=”address1”.
• То слово, с которого вы предполагаете отправить посетителя к адресу делается ссылкой, имеющей особый адрес: href=”#address1”.

Конечно же, слово «магазин» надо средствами CSS выделить – цветом, размером шрифта или его типом.

С помощью безанкорных ссылок можно реализовать быстрый переход к началу страницы, чтобы не заставлять посетителя пользоваться полосой прокрутки. Ссылка может быть сделана не только текстом, но и картинкой, если заключить тег img внутри тега A

Безанкорная или гиперссылка

Нередко посетителя сайта для получения дополнительной информации надо отправить на другую страницу сайта или даже на сторонний ресурс. Заставить его набрать в адресной строке браузера полную сточку начиная с http:// – значит наверняка потерять посетителя. Поэтому в тексте страницы выбирается слово, подходящее по смыслу для начала перехода. Например: «подробную информацию вы можете найти Здесь». Слово, подходящее для перехода, делается ссылкой и выделяется средствами CSS.

Реализуется безанкорная ссылка все тем же тегом А, но в адресе href пишется или полный, начинающийся с http:// или относительный (сокращенный) www.адрес ресурса.ru/имя файла.

При устройстве внутри текста гиперссылок стоит обращать внимание на такой атрибут тега как target. Если его не указать, то браузер по умолчанию откроет следующую страницу в том же окне и посетитель сайта для вас будет потерян. Поэтому всегда указывайте цель ссылки – target=”_blank”. В этом случае у посетителя лишь добавится еще одна открытая вкладка в браузере, и он сможет всегда вернуться к вам «в один клик».