HTML таг `body`

Пример

Кратък пример как се използва тагът <body>.

<!DOCTYPE html>
<html lang="bg">
<head>
  <meta charset="UTF-8">
  <title>Пример с &lt;body&gt;</title>
</head>
<body>
  <header>
    <h1>Заглавие на страницата</h1>
  </header>

  <main>
    <p>Това е основното съдържание на уеб страницата.</p>
    <button type="button">Натисни ме</button>
  </main>

  <footer>
    <small>&copy; 2025 Моята страница</small>
  </footer>
</body>
</html>

Опитай в редактора

Дефиниция и употреба

Елементът <body> представлява основното съдържание на HTML документа. Всичко, което потребителят вижда и с което взаимодейства в браузъра (текст, изображения, бутони, форми, навигация и др.), трябва да бъде поставено вътре в таговете <body>...</body>.

Всеки валиден HTML документ има точно един елемент <body>, който се намира непосредствено след елемента <head> и е дете на кореновия елемент <html>. Структурата обикновено изглежда така: <html> → <head>...</head> → <body>...</body>.

Вътре в <body> се поставят всички семантични и структурни елементи на страницата, като <header>, <nav>, <main>, <section>, <article>, <footer>, както и съдържателни елементи като <p>, <h1>...<h6>, <img>, <form>, <button> и др.

Елементът <body> сам по себе си няма специфични атрибути в HTML5 – към него могат да се прилагат стандартните глобални атрибути (като id, class, style, data-* и др.), както и CSS стилове и JavaScript събития (например onload чрез JavaScript, а не като HTML атрибут).

Накратко, <body> е контейнерът за цялото визуално и интерактивно съдържание на уеб страницата и е задължителен за правилната структура и рендиране на HTML документ.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути

Този елемент няма специфични атрибути.

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

HTML таг body