Що робить елемент <body>?
Чудове питання.
Елемент <body> - це основна частина HTML-документа, в якій знаходиться все, що бачить користувач у вікні браузера.
Якщо порівняти HTML зі спорудою, то:
<head>- це креслення і технічні дані,- а
<body>- інтер'єр і наповнення кімнат: те, чим ми реально користуємося.
Призначення <body>
Він служить контейнером для всього вмісту сторінки: тексту, зображень, посилань, таблиць, відео, кнопок, форм та інших елементів.
Приклад:
<body>
<h1>Ласкаво просимо!</h1>
<p>Це мій перший сайт.</p>
<img src="photo.jpg" alt="Фото">
<a href="contact.html">Зв'язатися зі мною</a>
</body>Усе, що знаходиться між <body> і </body>, буде відображено на екрані.
Що може містити <body>
Усе, що користувач бачить і з чим взаємодіє:
| Елемент | Призначення |
|---|---|
<h1>-<h6> | Заголовки різних рівнів |
<p> | Абзаци тексту |
<img> | Зображення |
<a> | Посилання |
<ul>, <ol> | Списки |
<table> | Таблиці |
<form> | Форми і поля вводу |
<button> | Кнопки |
<video>, <audio> | Мультимедіа |
Як браузер працює з <body>
- Коли браузер завантажує HTML, він створює DOM-дерево.
Вузол
<body>стає основним батьком для всіх видимих елементів. - CSS керує зовнішнім виглядом вмісту всередині
<body>. - JavaScript може змінювати або додавати елементи прямо всередині
<body>в реальному часі.
Приклад:
document.body.style.background = "lightblue";Змінює колір фону всієї сторінки.
Атрибути тега <body>
Хоча зараз їх рідко задають напряму (частіше роблять через CSS), вони все ще існують:
bgcolor- колір фону (застарілий);text- колір тексту (застарілий);onload- подія при завантаженні сторінки (актуально в JavaScript).
Приклад:
<body onload="alert('Сторінка завантажена!')">Підсумок:
| Характеристика | Опис |
|---|---|
| Призначення | Основний вміст сторінки |
| Що містить | Все, що видно користувачу |
| Керується через | CSS і JavaScript |
| Місце в структурі | Знаходиться всередині <html>, після <head> |
Простими словами:
<body> - це тіло вебсторінки.
Усе, що між <body> і </body>, - це те, що бачить людина, коли відкриває сайт.
Коротка відповідь
Для співбесідиКоротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.