body
Елемент <body> (від англ. body — тіло) призначений для збереження вмісту вебсторінки (контенту), що відображається у вікні браузера. Інформацію, яку слід виводити в документі, варто розміщувати саме всередині контейнера <body>. До такої інформації належать текст, зображення, теги, скрипти JavaScript тощо.
<body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору body.також застосовується для визначення кольору посилань та тексту на вебсторінці. Подібна практика в HTML засуджується, натомість для вказування колірної схеми рекомендується використовувати стилі, застосовуючи їх до селектора body.
Часто <body> використовується для розміщення обробника подій, наприклад, onload, що виконується після того, як документ завершив завантаження у поточне вікно або кадр.
Відкриваючий та закриваючий теги <body> на вебсторінці не є обов'язковими, проте їх використання вважається хорошим стилем, щоб визначити початок і кінець HTML-документа.
⌨️ Синтаксис
<body>
...
</body>
🔒 Закриваючий тег: Не обов'язковий.
🔧 Атрибути
Атрибут alink [Застаріло] Встановлює колір активного посилання |
Атрибут background [Застаріло] Задає фоновий малюнок на вебсторінці. |
Атрибут bgcolor [Застаріло] Колір фону вебсторінки. |
Атрибут bgproperties [Застаріло] Определяет, прокручивать фон совместно с текстом или нет. |
Атрибут bottommargin [Застаріло] Відступ від нижнього краю вікна браузера до контенту. |
Атрибут leftmargin [Застаріло] Відступ по горизонталі від лівого краю вікна браузера до контенту. |
Атрибут link [Застаріло] Колір посилань на вебсторінці. |
Атрибут rightmargin [Застаріло] Відступ від правого краю вікна браузера до контенту. |
Атрибут scroll [Застаріло] Встановлює, чи відображати смуги прокручування. |
Атрибут text [Застаріло] Колір тексту в документі. |
Атрибут topmargin [Застаріло] Відступ від верхнього краю вікна браузера до контенту. |
Атрибут vlink [Застаріло] Колір посилань, що відвідувались. Для цього елемента доступні універсальні атрибути та події. |
📋 Приклад
<!DOCTYPE html>
<html>
<head>
<title>BODY</title>
<meta charset="utf-8">
</head>
<body onload="alert('Документ завантажено')">
<p>Контент сторінки може бути розміщений тут.</p>
</body>
</html>