<body>

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Элемент <body> содержит весь контент, который появится на странице: текст, изображения, теги, скрипты JavaScript и так далее.

В вашем документе может быть только один <body>.

Пример

Секция статьи "Пример"
        
          
          <!DOCTYPE html><html lang="ru">  <head>    <title>Название документа</title>  </head>  <body>    <p>Здесь вы напишете текст</p>  </body></html>
          <!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Название документа</title>
  </head>
  <body>
    <p>Здесь вы напишете текст</p>
  </body>
</html>

        
        
          
        
      

Как пишется

Секция статьи "Как пишется"

Элемент <body> ставят сразу после закрывающего </head>.

На практике

Секция статьи "На практике"

Дока Дог

Секция статьи "Дока Дог"

🛠 <body> задаёт внешний вид вашей страницы. Здесь же «зашиваются» скрипты. Если кто-то говорит вам «зашиваются скрипты» — это значит, что они прописываются внутри <body> через <script> или вы ставите ссылку, чтобы вызвать их из файла.

Вадим Макеев

Секция статьи "Вадим Макеев"

🛠 По спецификации тег <body> вроде как не обязательный, так что можно его и не писать — браузер сам поймёт, что выводить на странице по типу тега. Но на практике получается, что лучше явно обозначить, что идёт в <body>, а что в <head> — от места вывода тега может меняться его работа. Всегда явно открывайте и закрывайте тег <body>, и всё будет хорошо.

Алёна Батицкая

Секция статьи "Алёна Батицкая"

🛠 Поскольку тег <body>, в отличие от <head>, уже является видимой частью страницы, у него есть стили по умолчанию. Многие начинающие разработчики забывают об этом и на выходе получают отступ вокруг всей страницы.

Пример страницы с браузером и белыми полями по краям

Причина отступа в этих стандартных браузерных стилях:

        
          
          body {  display: block;  /* Тот самый отступ */  margin: 8px;}
          body {
  display: block;
  /* Тот самый отступ */
  margin: 8px;
}

        
        
          
        
      

Для сброса стандартных стилей достаточно написать в CSS следующее, и всё будет супер:

        
          
          body {  margin: 0;}
          body {
  margin: 0;
}