Как сделать ссылку на якорь

Опубликовано: 12 ноября, 2018 в категории: Сайтострой

Что такое ссылка на якорь в тексте? Это ссылка на на определенное место в тексте веб-страницы. Другими словами просто закладка. Обычно ссылка на якорь применяются в в статьях с большим объемом текста, чтобы быстро найти например нужный параграф, абзац или цитату. Удобно использовать якоря-ссылки для пунктов навигации по статье в начале материала.
Для того, чтобы сделать ссылку на якорь, необходимо сначала этот якорь создать. Делается это присваиванием уникального имени (id) тому месту на странице, куда должна вести ссылка-якорь. Уникальное имя может быть любым. Далее прописываем это имя в самой ссылке, только со значком «#» впереди.
[slh lang=»html»]<a href=»#punkt_1″>Ссылка на первый якорь </a>
<a href=»#222″>Ссылка на второй якорь </a>
<p>Какой-то текст… Марта Кетро
Интернет несет читателю тонны мусора и крупинки золотого песка, и умение выбрать самое интересное становится весьма востребованным талантом.

…</p>
<h6 id=»punkt_1″>Здесь какой-то заголовок — первый якорь</h6>
<p>
Еще текст… Эндрю Браун
Интернет — нечто столь огромное, могущественное и бессмысленное, что для некоторых он стал идеальным заменителем жизни.
… </p>
<p id=»222″> и снова какой-то текст — второй якорь … Рэй Брэдбери Я не люблю машины. Я ненавижу Интернет, ненавижу компьютеры. Они мешают нам жить, они отбирают наше время. Люди слишком много работают за компьютерами, они слишком много болтают, вместо того чтобы слушать и слышать друг друга.
… </p>
[/slh]

Вот как это будет выглядеть в тексте

Ссылка на первый якорь
Ссылка на второй якорь

Какой-то текст… Марта Кетро
Интернет несет читателю тонны мусора и крупинки золотого песка, и умение выбрать самое интересное становится весьма востребованным талантом.

Здесь какой-то заголовок — первый якорь

Еще текст… Эндрю Браун
Интернет — нечто столь огромное, могущественное и бессмысленное, что для некоторых он стал идеальным заменителем жизни.

и снова какой-то текст — второй якорь … Рэй Брэдбери Я не люблю машины. Я ненавижу Интернет, ненавижу компьютеры. Они мешают нам жить, они отбирают наше время. Люди слишком много работают за компьютерами, они слишком много болтают, вместо того чтобы слушать и слышать друг друга.

Ссылку можно устанавливать и на якорь, который находится на другой странице. В этом случае необходимо перед якорем (закладкой) прописать URL-адрес веб-страницы, на которой этот якорь находится:
[slh lang=»html»]Зачем мне знать типы сайтов[/slh] Зачем мне знать типы сайтов
Вот так просто сделать ссылку на якорь в тексте. В скором времени мы поговорим о том, как сделать ссылку на якорь с плавной прокруткой. Всем добра!

Понравился сайт? Поделись!

Всего комментариев: 0

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

Ваш email не будет опубликован.