Что такое якорь в HTML!?

"Якорь в HTML". "Что такое якорь в HTML!?"

Разбираем: «якорь в HTML» подробно — с учётом разных трактовок термина.

Всё о якоре в HTML.

1. Что такое якорь в HTML!?
2. Name как якорь в HTML.
3. Пример использования якоря в HTML.
4. Сделать якорь в HTML на другую страницу.

1. Что такое якорь в HTML!?

Якорь (anchor(англ.), хеш‑ссылка) — это ссылка, которая ведёт не на отдельную страницу, а к определённому месту на той же странице.

Она помогает быстро переходить к нужному разделу, особенно на длинных страницах.

Синтаксис якорь в HTML.

<a href="#уникальное-имя">текст_ссылки</a>

<элемент id="уникальное-имя">Содержимое</элемент>

Важные правила для якоря в HTML.

Поскольку, "id" используется как якорь в HTML, то все те, правила использования использования id(идентификатора) применяются и к "id как якорь в HTML":

имя должно быть уникальным на странице;

используйте латиницу, цифры, дефис (-) или подчёркивание (_);

не используйте пробелы и кириллицу;

имя чувствительно к регистру (section1 ≠ Section1).

Разместим здесь пример якоря в HTML.

Сюда вы перейдете,после того, как нажмете вот на эту ссылку!.

Здесь находится якорь! Вы пришли сюда после нажатия на ссылку с якорной ссылкой...

Вернуться.

2. Name как якорь в HTML.

Атрибут "name", как якорь в HTML - считается устаревшим!

Не стоит его использовать!

Поэтому, здесь, сейчас, описания name как якорь в HTML не будет!

3. Пример использования якоря в HTML.

Пример "якоря в HTML" совершенно просто для реализации и понимания!

Здесь... прямо здесь устанавливаем ссылку типа:

<a href="#example_anchor">Переход по якорю - нажми на меня!</a>

В том месте, куда вы хотите перейти после нажатия ссылки устанавливаем якорь, типа такого :

<div id="example_anchor">Здесь находится якорь! Вы пришли сюда после нажатия на ссылку с якорной ссылкой...</div>

Пример использования якоря в HTML.

Переход по якорю - нажми на меня!

Снова напоминаю, если вы знали или не знали, что на моём сайте/сайтах только живые примеры!

4. Сделать якорь в HTML на другую страницу.

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

Теория и практика "создания якоря в HTML ", что уже изложена выше, с некоторой модификацией:

Устанавливаем на ссылку target=_blank

Пусть это будет ссылка на вчера сделанную страницу... и начать текста:

<a href="https://jsphp.ru/font_size.html#paragraph_2">Переход по якорю - нажми на меня!</a>

На той странице уже сделан якорь :

<a id="paragraph_2"></a>

Проверь работу якоря в HTML на другой странице.

Для того, чтобы проверить, как работает якорь, нажмите по ссылке. что расположена ниже:

Переход по якорю - нажми на меня!

Всего комментариев : Comments+ 2.0

+ =