Link to Internal Sections of a Page with Anchor Elements

Элементы a также могут использоваться для создания внутренних ссылок для перехода к различным разделам веб-страницы.

Чтобы создать внутреннюю ссылку, вы назначаете атрибут href ссылки на хэш-символ # плюс значение атрибута id для элемента, к которому вы хотите внутренне связать, обычно дальше вниз по странице. Затем вам нужно добавить тот же атрибут id к элементу, к которому вы привязываетесь.

id - это атрибут, который однозначно описывает элемент (то есть на странице не должно быть более одного элемента с одним и тем же атрибутом id).

Ниже приведен пример внутренней привязной ссылки и ее целевого элемента:

<a href="#contacts-header">Контакты</a>
...
<h2 id="contacts-header">Контакты</h2>

Когда пользователи нажимают ссылку «Контакты», они будут отправлены в раздел веб-страницы с элементом заголовка Контакты .

Измените внешнюю ссылку на внутреннюю ссылку, изменив атрибут href на #footer и текст cat photos на Jump to Bottom. Удалите атрибут target="_blank" из тега a, поскольку это заставляет связанный документ открываться на вкладке нового окна. Затем добавьте атрибут id со значением footer в элемент <footer> в нижней части страницы.