Ссылка на определенное место в программе

Привет! Сегодня рассмотрим, как создать ссылку на определенное место страницы. Казалось бы, элементарная вещь, но далеко не все знают, как это осуществить. Иногда появляется необходимость добавлять такие ссылки в свои статьи, чтобы посетитель сайта мог одним кликом мышки перейти не только на другую страницу сайта, но и в нужное место на этой странице. Чтобы понять, как это работает, перейдите по этой ссылке.

Вы перейдете на другую страницу, и в место, где описывается, как установить и настроить плагин WP Social Buttons. Иногда это очень полезно, что позволяет избежать лишних объяснений в статье. Человек переходит по ссылке, и сразу может прочитать нужную информацию.

Как сделать ссылку на определенное место данной страницы

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

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

1. Ссылка на якорь Текст
2. Якорь Текст на странице… Вместо id , можно написать атрибут name

В кавычках ссылки и якоря, может быть любой текст, но он должен быть одинаковым:

1. Ссылка Текст
2. Якорь Текст на странице

Если Вы кликните по этой ссылке, то перейдете в самое начало страницы.

Как сделать ссылку на определенное место другой страницы

Здесь принцип тот же, только переход осуществляется на другую страницу. Для этого надо создать на другой странице сайта, в нужном участке текста «якорь», как b в примере выше , а затем создать ссылку с якорем на эту страницу:

Читайте также:  Удаление обновлений виндовс 10

Текст — ссылка на другую страницу, где вместо anchor, можно написать любые знаки, но такие же, как у якоря на другой странице.

Как сделать ссылку в виде картинки на другую страницу в определенное место

Здесь принцип тот же, что и в примерах выше, но, если у Вас сайт на Worpress, тогда нужно перейти в редактор картинки, затем выбрать «Произвольный URL» и добавить ссылку с якорем на другую страницу.

Все пользователи, которые так или иначе связаны с сайтами, их созданием или редактированием ежедневно встречаются с созданием ссылок на различные материалы. И наверняка каждых из них знает, как и при помощи какого html-тега сделать ссылку на какой-либо материал в интернете.

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

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

Как сделать ссылку на определенное место текущей страницы

Если перед вами стоит задача сделать ссылку на часть той же страницы, на которой сейчас находится пользователь, отправить его выше или ниже, то сделать это можно следующим способом:

1. Присвойте якорь части страницы

Первым пунктом вам нужно присвоить так называемый "якорь" (anchor) той части страницы, на которую пользователя должно перекидывать при нажатии на ссылку. Для этого перед текстом в этой части страницы вставьте следующий код

Читайте также:  Лучшие игры для пк 2018 список

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

2. Сделайте ссылку на "якорь"

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

где "anchor" замените на то слово, которое выбрали в первом пункте статьи.

Как сделать ссылку на определенную часть другой страницы

Таким же способом, который мы рассмотрели выше, можно ставить ссылки не только на часть текста на той же странице, но и на определенное место любой другой страницы. Главное, что бы у вас была возможность разместить там "якорь". Делается это следующим образом:

1. Присвойте "якорь" странице-реципиенту

Как и в предыдущем пункте, присвойте "якорь" нужной части той страницы, на которую пользователь должен переходить при нажатии на ссылку, выглядит это все так же:

где вместо "anchor" вы так должны вставить любое слово по вашему желанию.

2. Сделайте ссылку на anchor другой страницы

Как и в предыдущем случае, вам нужно просто поставить ссылку на созданный ранее "якорь". Разница лишь в том, что ссылаясь на часть другой страницы вам нужно добавить её URL в код, который в результате будет выглядеть следующим образом

где вместо "адрес страницы" вам нужно подставить, соответственно, URL страницы, на которую ссылаетесь, а вместо "anchor" текст, выбранный вами при создании "якоря".

Пример ссылки на часть страницы

Для примера, нажав на эту ссылку вы перейдете к началу статьи. Соответственно, в самом начале статьи мы вставили код

Читайте также:  Почему глючит инстаграм на айфоне

а код ссылки выглядит вот так

Если бы эта ссылка на начало статьи была размещена на другой странице или другом сайте, то её код выглядел бы следующим образом

Сообщество, где люди делятся уникальным опытом

Вопросы и ответы по любой теме от IT сообщества

Помогаем строить карьеру в IT-индустрии

Биржа удаленной работы для IT-специалистов

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Ссылка на основную публикацию
Adblock
detector