Анкор в статье

В каждом доме есть интернет. Наверняка и вы пользуетесь глобальной паутиной. Ведь здесь можно найти всё что угодно. И скорее всего хоть раз вы видели страницы либо статьи на ресурсе, где есть навигация по тексту (анкоры).

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

Это и побудило нас написать сегодняшнюю статью. В ней расскажем про основные принципы использования анкоров (якорей) для навигации по страницам того или иного ресурса. Поехали!

Анкоры — что это такое?

Анкоры — это ссылки на конкретный текст, расположенный на одной и той же страничке. Иными словами, они необходимы для создания ссылки, прокручивающей страницу до конкретного момента текста.

Анкоры нужны для того, чтобы пользователь сразу мог найти нужную ему информацию, а не изучать всю статью. А это позволит ему сократить временные затраты.

Вы только подумайте, если инструкция к примеру на стиральную машинку содержит 25 страниц. Сколько вы будете искать нужную информацию, да и станете ли это делать если не будет анкоров? Ведь это отнимает массу времени. Именно в таких случаях упомянутые ссылки и являются полезным инструментом в руках владельца сайта.

Принцип работы анкоров на странице ресурса

Работа якорей выстроена по следующему принципу.

1. В конкретной области текста вы выделяете требуемую информацию, и представляете её в виде ссылки.
2. В требуемой области страницы вы ставите якорь. На нём и остановится страничка, когда пользователь нажмет по ссылке, созданной на первом шаге.

В теории все выглядит достаточно просто, да и на практике сделать это не составит труда. Вам нужно лишь найти на странице ссылку на требуемый раздел текста, нажать на неё, и тут же оказаться на нужной позиции.

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

Как установить анкоры в тексте?

Если вы дошли до этой части статьи, то явно настроены перейти к практической части. Для этого вам понадобится выбрать 2 куска текста:

• область, которая будет ссылаться на требуемый нам текст. В данном случае для создания якоря потребуется заключить фразу либо слово в тег <a>, назначив для него идентификатор. Это будет иметь следующий вид: <a href= “#1” >текст ссылки</a>;
• текст, на который мы ссылаемся со сделанной ранее ссылки. В тег текста (“a”, “p”, “h”, “span” и т.д.) потребуется установить требуемый вам ID. Это будет иметь такой вид: <a id= “1”>нужный нам текст</a>.

Как видно, всё несложно. Устанавливать анкоры следует не на конкретное слово, а на его позицию. Иными словами, возле требуемого слова. Тогда вы не наткнетесь на трудности.

Форматировать и создавать якоря необходимо исключительно в html редакторе. К примеру, для Ворд Пресс таковым считается раздел «Текст» в редакторе публикаций. Если работаете с обычным файлом html, то это может быть и обычный блокнот. Всё предельно просто и понятно!

Заключение

На данном этапе статья подошла к завершению. Из неё вы узнали, как создавать анкоры в разделах и статьях на том или ином ресурсе. Теперь понятно, как организовать навигацию по странице сайта, и как все устроено.

Но, а если появятся трудности либо вопросы по теме, то задавайте их через комментарии ниже. Мы в свою очередь постараемся вам помочь!

Также, советуем вам прочитать на нашем сайте материал, который посвящён такому понятию, как GZIP-сжатие на платформе WordPress. Всем удачи и до новых встреч!