Создавайте HTML-анкоры на одной странице без URL-адресов

Чтобы создать привязку HTML на той же странице без URL-адреса, вы можете использовать следующие методы:

  1. Использование атрибута ID. Вы можете создать привязку, присвоив элементу идентификатор и затем связав его с этим идентификатором на той же странице. Вот пример:
<a href="#section1">Go to Section 1</a>
...
<h2 id="section1">Section 1</h2>

В приведенном выше примере нажатие на ссылку «Перейти к разделу 1» приведет пользователя к элементу

с идентификатором «section1» на той же странице.

<ол старт="2">

  • Использование атрибута имени. В старых версиях HTML вы можете использовать атрибут «имя» вместо атрибута «id». Вот пример:
  • <a href="#section2">Go to Section 2</a>
    ...
    <h2 name="section2">Section 2</h2>

    Аналогично, нажав ссылку «Перейти к разделу 2», пользователь перейдет к элементу

    с именем «section2» на той же странице.

    1. Использование JavaScript. Вы также можете использовать JavaScript для прокрутки к определенному элементу на той же странице. Вот пример использования JavaScript:
    <a href="javascript:void(0)" onclick="scrollToSection('section3')">Go to Section 3</a>
    ...
    <h2 id="section3">Section 3</h2>
    <script>
      function scrollToSection(sectionId) {
        var element = document.getElementById(sectionId);
        element.scrollIntoView({ behavior: 'smooth' });
      }
    </script>

    В этом примере нажатие на ссылку «Перейти к разделу 3» запускает функцию scrollToSection, которая плавно прокручивает страницу до элемента

    с помощью идентификатор “section3”.