Для чого використовується атрибут id?
Атрибут id використовується для того, щоб присвоїти елементу унікальний ідентифікатор усередині HTML-документа.
Він дозволяє точно посилатися на конкретний елемент: у CSS, JavaScript і під час навігації сторінкою.
1. Основне призначення
id задає унікальне ім'я елементу.
Це ім'я має траплятися лише один раз на сторінці.
Приклад:
<p id="intro">Це перший абзац.</p>Тепер цей абзац можна легко знайти і змінити за допомогою CSS або JavaScript.
2. Використання в CSS
Через id можна стилізувати конкретний елемент, використовуючи #ім'я:
<p id="intro">Приклад тексту.</p>#intro {
color: blue;
font-weight: bold;
}Тут стиль застосується лише до цього абзацу, навіть якщо на сторінці є інші <p>.
3. Використання в JavaScript
id дозволяє звертатися до елемента напряму зі скрипту:
<p id="message">Привіт!</p>
<script>
document.getElementById("message").textContent = "Змінений текст";
</script>Метод getElementById() шукає елемент із указаним ідентифікатором.
4. Використання для якірних посилань
id можна використовувати, щоб створювати переходи до конкретних частин сторінки.
<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 - це унікальний "паспорт" елемента.
Він потрібен, щоб можна було точно знайти, оформити або змінити конкретний елемент на сторінці.
Коротка відповідь
Для співбесідиКоротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.