Вы можете использовать якорные теги.
Когда используется атрибут name, элемент <a>
определяет именованный якорь внутри документа HTML. Именованные якоря не отображаются каким-либо особым образом. Атрибут name невидим для читателя. Этот атрибут должен появляться в конце строки запроса.
Синтаксис именованной привязки:
<a name="label">Any content</a>
Синтаксис ссылки на именованный якорь:
<a href="#label">Any content</a>
# в атрибуте href определяет ссылку на именованный якорь (http://www.mywebsite.com/mypage#label).
Пример:
Именованный якорь внутри документа HTML:
<a name="tips">Useful Tips Section</a>
Ссылка на раздел «Полезные советы» из того же документа:
<a href="#tips">Jump to the Useful Tips Section</a>
Ссылка на раздел «Полезные советы» из другого документа:
<a href="http://www.w3schools.com/html_tutorial.htm#tips">Jump to the Useful Tips Section</a>