Як перейти до елемента за ID через посилання в HTML?

HTMLJunior~1 хв читання

Щоб перейти до елемента за ID через посилання в HTML, потрібно:

Присвоїти елементу унікальний ідентифікатор (id).
У посиланні <a> вказати цей ідентифікатор після символу # в атрибуті href.

html

<a href="#section1">Перейти до розділу 1</a>

<h2 id="section1">Розділ 1</h2>
<p>Це текст потрібного розділу...</p>

Під час кліку на посилання браузер прокрутить сторінку до елемента з id="section1".

html

<a href="about.html#team">Наша команда</a>

На сторінці about.html повинен бути елемент:

html

<h2 id="team">Команда</h2>

Після кліку відбудеться перехід на сторінку about.html і прокрутка до блоку #team.

Щоб перехід виглядав плавно, додай CSS:

css

html {
  scroll-behavior: smooth;
}

Щоб перейти до елемента за ID, потрібно:

Присвоїти елементу id, наприклад id="contact".
Зробити посилання <a href="#contact">До контактів</a>. Під час натискання браузер автоматично прокрутить сторінку до елемента з цим ID.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.