Кратко
СкопированоЭлемент <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> ставят сразу после закрывающего <.
На практике
Скопированосоветует
Скопировано🛠 <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;
}
