Що таке атрибут в HTML?
Атрибут у HTML - це додатковий параметр, який доповнює тег і уточнює його поведінку, зовнішній вигляд або вміст. Він дає браузеру додаткову інформацію про те, як саме потрібно відобразити чи обробити елемент.
1. Структура атрибута
Атрибут завжди пишеться всередині відкриваючого тега і має формат:
javascript
ім'я="значення"Приклад:
html
<a href="https://example.com" target="_blank">Перейти</a>href- ім'я атрибута (вказує адресу посилання)"https://example.com"- значення атрибутаtarget="_blank"- другий атрибут, відкриває посилання в новій вкладці
2. Де використовуються атрибути
Майже в кожного HTML-тега можуть бути атрибути. Вони задають налаштування або додаткову інформацію.
Приклади:
html
<img src="photo.jpg" alt="Фото"> <!-- шлях і опис картинки -->
<input type="text" placeholder="Ім'я"> <!-- тип поля і підказка -->
<button disabled>Надіслати</button> <!-- кнопка вимкнена -->3. Типи атрибутів
Загальні (глобальні): застосовуються до всіх тегів:
| Атрибут | Призначення |
|---|---|
id | Унікальний ідентифікатор елемента |
class | Ім'я класу для CSS і JS |
style | Вбудовані стилі оформлення |
title | Підказка при наведенні |
hidden | Приховує елемент |
lang | Вказує мову вмісту |
Приклад:
html
<p id="intro" class="text" title="Опис">Приклад абзацу</p>Специфічні: застосовуються до певних тегів:
| Тег | Атрибути | Призначення |
|---|---|---|
<a> | href, target | Посилання і спосіб відкриття |
<img> | src, alt, width, height | Зображення та його параметри |
<input> | type, value, placeholder | Поле вводу |
<video> | controls, autoplay, loop | Керування відео |
4. Атрибути без значення
Деякі атрибути діють просто за наявністю, без вказання значення:
html
<input type="checkbox" checked>
<button disabled>Кнопка</button>Тут checked і disabled означають активний стан елемента.
Підсумок:
| Властивість | Опис |
|---|---|
| Де пишеться | У відкриваючому тезі |
| Формат | ім'я="значення" |
| Призначення | Уточнює властивості елемента |
| Бувають | Глобальні та специфічні |
| Без значення | Просто вказують стан (checked, disabled) |
Простими словами: Атрибут - це "налаштування тега", яке каже браузеру: де взяти дані, як їх показати або як має поводитися елемент.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.