body

Оновлено: 27.05.2022

<body>

Елемент <body> (від англ. body — тіло) призначений для збереження вмісту вебсторінки (контенту), що відображається у вікні браузера. Інформацію, яку слід виводити в документі, варто розміщувати саме всередині контейнера <body>. До такої інформації належать текст, зображення, теги, скрипти JavaScript тощо.

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

Часто <body> використовується для розміщення обробника подій, наприклад, onload, що виконується після того, як документ завершив завантаження у поточне вікно або кадр.

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

Синтаксис

<body>
 ...
</body>

Закриваючий тег

Не обов'язковий.

Атрибути

  • Атрибут alink

    Атрибут alink
    Устарел

    Встановлює колір активного посилання

  • Атрибут background

    Атрибут background
    Устарел

    Задає фоновий малюнок на вебсторінці.

  • Атрибут bgcolor

    Атрибут bgcolor
    Устарел

    Колір фону вебсторінки.

  • Атрибут bgproperties

    Атрибут bgproperties
    Устарел

    Определяет, прокручивать фон совместно с текстом или нет.

  • Атрибут bottommargin

    Атрибут bottommargin
    Устарел

    Відступ від нижнього краю вікна браузера до контенту.

  • Атрибут leftmargin

    Атрибут leftmargin
    Устарел

    Відступ по горизонталі від лівого краю вікна браузера до контенту.

  • Атрибут link

    Атрибут link
    Устарел

    Колір посилань на вебсторінці.

  • Атрибут rightmargin

    Атрибут rightmargin
    Устарел

    Відступ від правого краю вікна браузера до контенту.

  • Атрибут scroll

    Атрибут scroll
    Устарел

    Встановлює, чи відображати смуги прокручування.

  • Атрибут text

    Атрибут text
    Устарел

    Колір тексту в документі.

  • Атрибут topmargin

    Атрибут topmargin
    Устарел

    Відступ від верхнього краю вікна браузера до контенту.

  • Атрибут vlink

    Атрибут vlink
    Устарел

    Колір посилань, що відвідувались.

Для цього елемента доступні універсальні атрибути та події.

Приклад

<!DOCTYPE html>
<html>
 <head>
  <title>BODY</title>
  <meta charset="utf-8">
 </head>
 <body onload="alert('Документ загружен')">
  <p>Еще Аристотель в своей «Политике» говорил, 
  что музыка, воздействуя на человека, доставляет 
  «своего рода очищение, то есть облегчение, 
  связанное с наслаждением».</p>
 </body>
</html>

Результат поточного прикладу показано на рис. 1. При використанні події onload елемента <body> виконується скрипт, написаний мовою JavaScript, у цьому випадку він виводить сповіщення, що документ завантажено.

Рис. 1. Спливаюче вікно в документі

Браузери

body

Переглянути сумісність з Can I use?

body