Ссылка на внутренние разделы страницы
Элементы 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>
в нижней части страницы.