Топ-100 Ссылка на якорь в тексте веб-страницы ~ Ликбез ~ Сделай сайт

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

Что такое ссылка на якорь в тексте? Это ссылка на на определенное место в тексте веб-страницы. Другими словами просто закладка. Обычно ссылка на якорь применяются в в статьях с большим объемом текста, чтобы быстро найти например нужный параграф, абзац или цитату. Удобно использовать якоря-ссылки для пунктов навигации по статье в начале материала.
Для того, чтобы сделать ссылку на якорь, необходимо сначала этот якорь создать. Делается это присваиванием уникального имени (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="http://sitespectr.ru/%D1%82%D0%B8%D0%BF%D1%8B-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2/#1">Зачем мне знать типы сайтов</a>

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


Рубрики: Ликбез Тэги:
Понравилась статья? Поделись!
        

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

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

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