Как сделать ссылку на якорь
Что такое ссылка на якорь в тексте? Это ссылка на на определенное место в тексте веб-страницы. Другими словами просто закладка. Обычно ссылка на якорь применяются в в статьях с большим объемом текста, чтобы быстро найти например нужный параграф, абзац или цитату. Удобно использовать якоря-ссылки для пунктов навигации по статье в начале материала.
Для того, чтобы сделать ссылку на якорь, необходимо сначала этот якорь создать. Делается это присваиванием уникального имени (id) тому месту на странице, куда должна вести ссылка-якорь. Уникальное имя может быть любым. Далее прописываем это имя в самой ссылке, только со значком «#» впереди.
<a href="#punkt_1">Ссылка на первый якорь </a> <a href="#222">Ссылка на второй якорь </a> <p>Какой-то текст... Марта Кетро Интернет несет читателю тонны мусора и крупинки золотого песка, и умение выбрать самое интересное становится весьма востребованным талантом. ... ...</p> <h6 id="punkt_1">Здесь какой-то заголовок - первый якорь</h6> <p> Еще текст... Эндрю Браун Интернет — нечто столь огромное, могущественное и бессмысленное, что для некоторых он стал идеальным заменителем жизни. ... </p> <p id="222"> и снова какой-то текст - второй якорь ... Рэй Брэдбери Я не люблю машины. Я ненавижу Интернет, ненавижу компьютеры. Они мешают нам жить, они отбирают наше время. Люди слишком много работают за компьютерами, они слишком много болтают, вместо того чтобы слушать и слышать друг друга. ... </p>
Вот как это будет выглядеть в тексте
Ссылка на первый якорь
Ссылка на второй якорь
Какой-то текст… Марта Кетро
Интернет несет читателю тонны мусора и крупинки золотого песка, и умение выбрать самое интересное становится весьма востребованным талантом.
…
…
Здесь какой-то заголовок — первый якорь
Еще текст… Эндрю Браун
Интернет — нечто столь огромное, могущественное и бессмысленное, что для некоторых он стал идеальным заменителем жизни.
…
и снова какой-то текст — второй якорь … Рэй Брэдбери Я не люблю машины. Я ненавижу Интернет, ненавижу компьютеры. Они мешают нам жить, они отбирают наше время. Люди слишком много работают за компьютерами, они слишком много болтают, вместо того чтобы слушать и слышать друг друга.
…
Ссылку можно устанавливать и на якорь, который находится на другой странице. В этом случае необходимо перед якорем (закладкой) прописать URL-адрес веб-страницы, на которой этот якорь находится:
<a href="https://sitespectr.ru/путь к странице/#1">Зачем мне знать типы сайтов</a>
Зачем мне знать типы сайтов
Вот так просто сделать ссылку на якорь в тексте. В скором времени мы поговорим о том, как сделать ссылку на якорь с плавной прокруткой. Всем добра!
Всего комментариев: 0