Использование якоря на Ли.ру

Как сказано в Писании, «якорь нужен для веса. Если сайт мало весит, он и пролежит не долго: Интернет — изменчивая штука, того и гляди — унесет куданить. А если есть на страничке якорь — можно не волноваться, на какой адрес положили, там и будет лежать».

Запоминаем: якорем называется метка какого-либо места на html-страничке.

Зачем «метить место на странице»? Например, читали ли вы когда-нибудь книги в Интернете? Такие, которые расположены на одной длинной-предлинной странице?

Вверху страницы под заголовком идет Содержание, каждая строчка которого является ссылкой на соответствующую главу книги. Удобно? Несомненно! Т.е. «якорная» ссылка — это обычная ссылка, но ведет она не просто на определенную html-страницу, а на ее конкретную часть/строку.

Не понятно? Возьмем две ссылки: ссылка №1 и ссылка №2.

Первая из них ведет на мой пост «Обзор бесплатных графических (дизайнерских) программ», а вторая — тоже на «Обзор…», но сразу к тому месту поста, где описывается программа Photoscape. Проверять будете? А если нажать на эту ссылку №3 (она отличается от ссылки №2), то вы перейдете в конец этого поста, к «P.S.» (прошу вас не делать этого сейчас).

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

Как выглядят ссылка 1 и 2, так сказать, «в натуре»? Первая — https://bravedefender.ru/post109021251, вторая — https://bravedefender.ru/post109021251#Photoscape. Во второй ссылке добавились волшебные знаки: «#Photoscape».

«Photoscape» — это имя «якоря» (он же Гоша «анкор», он же «anchor»). Т.е. какому-то слову или части текста (элементу, картинке) присваивается имя (name). В html это пишется так:

Якорь. С чем его едят на Ли.ру

Здесь А — тег ссылки, NAME — тег имени якоря, PHOTOSCAPE (или любое другое придуманное вами слово-знак) в кавычках — идентификатор якоря, Photoscape — слово, которое и будет якорем (на него будет ссылаться ссылка, пардон за тавтологию). Кстати, этого слова может и не быть — якорь укажет на пустое место веб-страницы.

Второй этап (он может быть и первым) — создание самой ссылки, которая будет вести к якорю. Ссылка в html имеет приблизительно такой синтаксис:

Якорь. С чем его едят на Ли.ру

Данная ссылка указывает на мой пост.

Чтобы при переходе по ссылке оказаться именно на том месте поста, где мы указали якорь (слово «Photoscape», помните?), нужно к ссылке дописать символ «#» с идентификатором якоря.

Якорь. С чем его едят на Ли.ру

Существует еще один (более употребительной на html-страничках вариант) ссылки к якорю:

Якорь. С чем его едят на Ли.ру

Внимание! Такая «усеченная» форма ссылки применяется только в том случае, если и якорь и ссылка на него находятся на одной веб-странице.

 

Практическое руководство по использованию якоря на Ли.ру и не только

Все, что написано далее, является примером, а не единственно возможным вариантом использования якоря (анкора).

Если у вас есть длинный пост с несколькими «главами», разделами и так далее, можно сделать ссылки в оглавлении на соответствующие части поста.

Якорь. С чем его едят на Ли.ру

В расширенном редакторе постов есть много кнопочек. В данный момент нас интересуют две — «Вставить/редактировать ссылку» и «Вставить/редактировать якорь».

Итак, выделяем первое слово первой части основного текста. Нажимаем «якорную» кнопочку. Придумываем для якоря имя и — OK.

Якорь. С чем его едят на Ли.ру

 

Якорь создан. Возле слова появится желтенький значок.

Якорь. С чем его едят на Ли.ру

 

Теперь выделяем слово в оглавлении, которое будет ссылкой на слово-якорь. Нажимаем «ссылочную» кнопочку. Указываем тип ссылки «Якорь на эту страницу» и выбираем имя якоря. OK.

Якорь. С чем его едят на Ли.ру

 

Выделенное слово превратилось в ссылку.

Якорь. С чем его едят на Ли.ру

 

Вот, в принципе и все. Создаем с остальными пунктами оглавления такие же «чудеса».

Якорь. С чем его едят на Ли.ру

 

В Источнике или простом редакторе пост-образец выглядит как-то так:

Якорь. С чем его едят на Ли.ру

 

Внимание! Если якорь находится «под катом» (после тега more), а короткая ссылка на него до «ката», то перейти по ней в ленте будет невозможно (ибо мы находимся не на странице полного поста).

Чтобы это исправить, нужно в адресе ссылке перед знаком # дописать полный url (http-адрес) нужного поста (до опубликования его узнать, по-моему, нельзя).

P.S. Перешли сразу или дочитали до конца? В общем, хочу сказать, что якорь не так популярен, как простая ссылка (href), а в лирушных постах практически не используется (ибо мало кому нужен).

Спасибо за внимание! Вечно ваш, дядя Шурик.

 

Приложение

То, что получилось (очень простой пример, который наглядно совершенно не покажет якорь в действии):

Оглавление

Утро

День

Вечер

Ночь

Основной текст

Утро. Встал в 5.30, сходил в туалет — прошло (плюс еще много текста про утро).

День. Добрый день! Я — олень (еще много текста).

Вечер. Смеркалось (и еще невероятное количество текста).

Ночь. «…коротка, спят облака. И лежит у меня на ладони незнакомая Ваша рука…»

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.