Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Для чого використовується атрибут id?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Атрибут **`id`** використовується для того, щоб присвоїти елементу унікальний ідентифікатор усередині HTML-документа: він дозволяє точно посилатися на конкретний елемент у CSS, JavaScript і під час навігації сторінкою. **Ключове:** `id` - це унікальний "паспорт" елемента, потрібний, щоб точно знайти, оформити або змінити конкретний елемент на сторінці.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняАтрибут `id` використовується для того, щоб **присвоїти елементу унікальний ідентифікатор** усередині HTML-документа. Він дозволяє **точно посилатися на конкретний елемент**: у CSS, JavaScript і під час навігації сторінкою. --- ### 1. Основне призначення `id` задає **унікальне ім'я** елементу. Це ім'я має траплятися **лише один раз на сторінці**. Приклад: ```html <p id="intro">Це перший абзац.</p> ``` Тепер цей абзац можна легко знайти і змінити за допомогою CSS або JavaScript. --- ### 2. Використання в CSS Через `id` можна стилізувати конкретний елемент, використовуючи `#ім'я`: ```html <p id="intro">Приклад тексту.</p> ``` ```css #intro { color: blue; font-weight: bold; } ``` Тут стиль застосується **лише до цього абзацу**, навіть якщо на сторінці є інші `<p>`. --- ### 3. Використання в JavaScript `id` дозволяє звертатися до елемента напряму зі скрипту: ```html <p id="message">Привіт!</p> <script> document.getElementById("message").textContent = "Змінений текст"; </script> ``` Метод `getElementById()` шукає елемент із указаним ідентифікатором. --- ### 4. Використання для якірних посилань `id` можна використовувати, щоб **створювати переходи** до конкретних частин сторінки. ```html <a href="#contacts">Контакти</a> <section id="contacts"> <h2>Наші контакти</h2> </section> ``` При кліку сторінка автоматично прокрутиться до елемента з цим `id`. --- ### 5. Правила використання - Ідентифікатор **має бути унікальним** у межах документа. - Не повинен містити пробілів. - Може включати літери, цифри, дефіси і підкреслення (`id="user-name"`). - Регістр символів важливий (`id="Header"` і `id="header"` - різні). --- ### Підсумок: | Властивість | Опис | |---|---| | Призначення | Унікально ідентифікує елемент | | Де застосовується | Будь-який HTML-тег | | Як використовується | У CSS (`#id`), JS (`getElementById()`), якорях (`href="#id"`) | | Обмеження | Лише один елемент із таким `id` на сторінці | --- **Простими словами:** `id` - це **унікальний "паспорт" елемента**. Він потрібен, щоб можна було точно знайти, оформити або змінити конкретний елемент на сторінці.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.