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

Последнее изменение поста: Апрель 22, 2017

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

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

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

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

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

1. Ссылка на якорь <a href=“#anchor”>Текст</a>
2. Якорь <a id=“anchor”></a> Текст на странице… Вместо id, можно написать атрибут name

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

1. Ссылка <a href=“#biz”>Текст</a>
2. Якорь <a id=“biz”></a> Текст на странице

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

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

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

<a href=“http://link.html#anchor”>Текст </a> - ссылка на другую страницу, где вместо anchor, можно написать любые знаки, но такие же, как у якоря на другой странице.

<a id=“anchor”></a>

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

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

Получайте свежие статьи на свою почту

Поделиться статьей с друзьями


1 Comment

  1. Отлично и понятно всё написано. Буду пробовать создавать ссылки. Таким способом реально можно делать содержание для статей. 🙂

Оставить комментарий

Яндекс.Метрика