Ссылки HTML - создание закладок
Ссылки HTML можно использовать для создания закладок, чтобы читатели могли переходить сразу к определённой части страницы.
Создание закладки в HTML
Закладки полезны на очень длинной странице. Чтобы создать её, сначала создайте закладку с атрибутом id у элемента (например <h2 id="C4">Глава 4</h2>), затем добавьте на неё ссылку с помощью href="#C4". При нажатии на ссылку страница прокручивается к элементу с этим id.
Также можно ссылаться на закладку на другой странице, указав имя файла перед #.
Пример
Ссылка, переходящая к Главе 4 ниже на той же странице.
Вывод: полная HTML-страница
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Переход по закладке</title>
</head>
<body>
<p><a href="#C4">Перейти к главе 4</a></p>
<h2>Глава 1</h2>
<p>Эта глава объясняет ба бла бла</p>
<h2>Глава 2</h2>
<p>Эта глава объясняет ба бла бла</p>
<h2>Глава 3</h2>
<p>Эта глава объясняет ба бла бла</p>
<h2 id="C4">Глава 4</h2>
<p>Эта глава объясняет ба бла бла</p>
<h2>Глава 5</h2>
<p>Эта глава объясняет ба бла бла</p>
<h2>Глава 6</h2>
<p>Эта глава объясняет ба бла бла</p>
</body>
</html>
Закладка на другой странице
Ссылка на закладку, находящуюся на другой странице.
<a href="html_demo.html#C4">Jump to Chapter 4</a>
Итоги главы
Подведём итог: используйте атрибут id (id="значение"), чтобы определить закладку на странице, и атрибут href (href="#значение"), чтобы сослаться на неё.
Теги ссылок HTML
Основной тег здесь — <a>, который определяет гиперссылку.