Чтобы создать привязку HTML на той же странице без URL-адреса, вы можете использовать следующие методы:
- Использование атрибута ID. Вы можете создать привязку, присвоив элементу идентификатор и затем связав его с этим идентификатором на той же странице. Вот пример:
<a href="#section1">Go to Section 1</a>
...
<h2 id="section1">Section 1</h2>
В приведенном выше примере нажатие на ссылку «Перейти к разделу 1» приведет пользователя к элементу
с идентификатором «section1» на той же странице.
<ол старт="2">
<a href="#section2">Go to Section 2</a>
...
<h2 name="section2">Section 2</h2>
Аналогично, нажав ссылку «Перейти к разделу 2», пользователь перейдет к элементу
с именем «section2» на той же странице.
- Использование 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>
<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, которая плавно прокручивает страницу до элемента