Якщо ви шукаєте, що є атрибутами у наведеному html-коді, то найпростіша відповідь така: це додаткові пари ім’я=”значення”, які уточнюють поведінку або вигляд HTML-елемента. Вони записуються всередині відкривального тега і не є самим тегом чи текстом сторінки.
Як виглядають атрибути в HTML
У типовому HTML-рядку атрибути стоять після назви тега. Наприклад, у фрагменті <a href=”https://example.com” target=”_blank”> атрибутами є href і target. Перший задає адресу посилання, другий — як саме воно відкриється.
Отже, атрибут — це не окремий елемент сторінки, а частина синтаксису, яка дає браузеру додаткову інструкцію.
Як відрізнити атрибут від тегу і контенту
Щоб не плутати основні частини HTML-коду, зручно пам’ятати три речі:
- Тег — це назва елемента, наприклад p, a, img або div.
- Атрибут — це властивість елемента, наприклад href, src, alt, class, id.
- Контент — це те, що знаходиться між відкривальним і закривальним тегами, наприклад текст абзацу.
Наприклад, у фрагменті <img src=”photo.jpg” alt=”Портативний ноутбук”> тегом є img, атрибутами — src і alt, а вмісту всередині цього елемента немає, бо зображення є самозакривним.
Найпоширеніші атрибути, які варто знати
У базовій HTML-розмітці найчастіше трапляються такі атрибути:
- href — адреса посилання;
- src — шлях до зображення, відео або іншого ресурсу;
- alt — альтернативний опис зображення;
- class — CSS-клас для стилізації або вибору елемента;
- id — унікальний ідентифікатор елемента;
- title — підказка, яка може з’являтися при наведенні.
Ці атрибути не змінюють саму структуру HTML-документа, але впливають на те, як елемент поводиться, відображається або індексується.
Що саме вважати атрибутами у наведеному коді
Коли вам ставлять запитання на кшталт що є атрибутами у наведеному html-коді, шукайте частини після назви тега, які мають формат ім’я=”значення” або просто ім’я у деяких спеціальних випадках. Саме вони і є атрибутами.
Наприклад, у рядку <input type=”text” name=”email” disabled> атрибутами будуть type, name і disabled. Тут disabled — булевий атрибут, тобто він працює через сам факт наявності.
Практичний висновок
Щоб швидко визначити атрибути в HTML, дивіться не на сам тег і не на текст між тегами, а на додаткові характеристики всередині відкривального елемента. Саме вони повідомляють браузеру, що показати, куди вести посилання, який файл завантажити або як стилізувати блок.
Якщо читати HTML по частинах, атрибути стають дуже простими: тег називає елемент, атрибут уточнює його поведінку, а вміст — це те, що користувач бачить на сторінці.
