Тег <body>

Тег <body> в HTML визначає основний вміст веб-сторінки, який відображається у вікні браузера. Усі елементи, що розміщуються всередині <body>, є візуально доступними для користувача. Це текст, зображення, таблиці, форми, відео, кнопки та інші елементи інтерфейсу.

Тег <body> є обов’язковою частиною кожного HTML-документу та служить контейнером для всієї інформації, яку браузер повинен показати користувачу.

Атрибути

Специфічні атрибути

Тег <body> не має специфічних атрибутів.

Глобальні атрибути

Тег <body> підтримує всі глобальні атрибути HTML, зокрема:

  • id — унікальний ідентифікатор елемента. Наприклад:
<body id="main-body">
  • class — дозволяє застосовувати стилі до сторінки. Наприклад:
<body class="light-theme">
  • style — інлайн-стилізація конкретного елемента. Наприклад:
<body style="margin: 0; padding: 0;">
  • lang — задає мову вмісту сторінки. Наприклад:
<body lang="uk">
  • dir — вказує напрямок тексту (“ltr” — зліва направо, “rtl” — справа наліво). Наприклад:
<body dir="ltr">

Приклад використання

<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Тег Body</title>
</head>
<body id="main-body" class="light-theme" style="margin: 0; padding: 0;">
    <h1>Вітаємо на нашій сторінці!</h1>
    <p>Це приклад використання тегу Body у HTML-документі.</p>
</body>
</html>

Додаткові моменти

  • Тег <body> є парним, тому завжди повинен мати закриваючий тег </body>.
  • Браузери автоматично додають тег <body>, навіть якщо він пропущений в HTML-документі, але його явне визначення є гарною практикою.
  • Стилі для тегу <body> краще застосовувати через CSS, а не через атрибут style. Використання CSS дає більше гнучкості, забезпечує кращу організацію коду та дозволяє повторно використовувати стилі для різних елементів сторінки.