Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як перейти до елемента за ID через посилання в HTML?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Щоб перейти до елемента за ID, потрібно присвоїти йому атрибут `id` (наприклад, `id="contact"`) і зробити посилання `<a href="#contact">`, де `#` вказує на цей ідентифікатор. **Ключове:** при натисканні браузер автоматично прокручує сторінку до елемента з відповідним `id`, а плавність переходу можна додати через CSS-властивість `scroll-behavior: smooth`.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняЩоб перейти до елемента за **ID** через посилання в HTML, потрібно: 1. Присвоїти елементу унікальний **ідентифікатор (**`id`**)**. 2. У посиланні `<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, потрібно: 1. Присвоїти елементу `id`, наприклад `id="contact"`. 2. Зробити посилання `<a href="#contact">До контактів</a>`. Під час натискання браузер автоматично прокрутить сторінку до елемента з цим ID.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.