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

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

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

Итак, рассмотрим две возможности:

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

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

1. Заходим в админку сайта, выбираем статью, с которой будем работать и переходим в HTML.

2. В нужное место вставляем следующий код:

<a href=»#abzac 4″>Ссылка на абзац 4</a>

Здесь главная штука, это — #, поэтому не забываем о нем. Кстати, та часть ссылки, которая будет видимой, называется «якорь». У нас это: «Ссылка на абзац 4».

3. Перед 4 абзацем ставим другую метку:

<a name=»abzac 4″></a>

Смотрите на картинку:

4. Переходим в визуальный редактор и смотрим, что вышло, должно получиться так:

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

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

Получилось? Отлично! Я долго радовалась, когда научилась так делать. Давно уже хотела научиться этому! Надеюсь, вам так же оказалась полезной эта статья.

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

Здесь также нет ничего сложного. У нас есть страничка, где стоит метка <a name=»abzac 4″></a>. Допустим это http://frilka.com/kurs-13-zarplata.html. Сделаем так, чтобы с другой страницы читатели попадали к 4 абзацу нашей первой статьи.

Для этого переходим на вторую страничку, также открываем HTML и создаем следующую ссылку:

<a href=» http://frilka.com/kurs-13-zarplata.html#abzac 4″>Ссылка на абзац 4</a>

то есть указываем полный путь к нужному участку.

Вставляем ее в нужное место текста, сохраняем и проверяем результат. Он должен быть таким:

1. в визуальном редакторе это будет выглядеть так:

2. в статье так:

Причем, если все сделано правильно, то кликнув по ссылке, мы попадем именно в начало четвертого абзаца первой статьи.

Вот такая вот, не хитрая перелинковка у нас получается!

Если вам понравилась статья, поделитесь ее с друзьями в социальных сетях!

С Уважением и Любовью, Марина Лазарева!  

Похожие записи: