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


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



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

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



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


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


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



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



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