Другие языки программирования и технологии

Чем отличаются теги html и body в контексте CSS ?

Роман Бадражан
Роман Бадражан
842
ну, хоть и не так все просто (это не совсем обычные контейнеры) , но можно считать их таковыми — контейнер body вложен в контейнер html
соответственно, им можно задать фон, рисунок, размеры (в том числе и разные, естественно — у body свои, у html — свои) …

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<style type="text/css">
html { padding:20px; background:#6CF; }
body { padding:0; margin:0 auto; width:200px; background:#FFC; }
</style>
</head>

<body>
<p>Test</p>
</body>
</html>

если укааны оба селектора — значит это зачем-то нужно) )
хотя может быть и просто перестраховка. — это часто используется для устранения проблем с IE6, поэтому у многих вошло в привычку.

как раз в данном примере указание размера для body обязательно. — body вовсе не занимает все окно по умолчанию.
хотя если указать фон только для body, не указывая его для html, фон займет все окно. но не сам контейнер body!
тест в доказательство: )

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<style type="text/css">
html { padding:20px; }
body { padding:0; margin:0 auto; width:200px; background:#FFC; border:1px solid red; }
</style>
</head>

<body>
<p>Test</p>
</div>
</body>
</html>
Ве
Ведьмак
60 969
Лучший ответ
Ведьмак мало того, любой тег по сути — это контейнер.
даже тег <head>, или <script>
их можно сделать видимыми в любом современном браузере
добавь к моему тестовому примеру стиль

head { display:block; width:100%; height:200px; background:#CFC; }

* — это не будет работать в IE6-7 без дополнительных ухищрений
Igor Keksel Александр, ваши ответы всегда интересно читать -- очевидные вещи вы умеете объяснить доступным языком.
автор тот тупица однозначно. теги это объекты среды ты разберись а на тот сайт не ходи больше там толковому не научат.
ЕА
Ержан Ахметов
87 974
Это т. н. сброс (обнуление) параметров. Для различных типов браузеров значения по умолчанию тегов различны.
Указания только этих 2-х тегов не гарантирует сброса всех параметров с целью их одинакового отображения во всех браузерах.

ЗДЕСЬ представлен css-файл, в котором предусмотрен сброс всех проблемных селекторов.

Удачи! :-)
Дима Бернатович
Дима Бернатович
30 489
возможен такой вариант
можно написать просто html страницу
без тела
(пример
html
p
привет
/p
/html
).
а что касается body
то это как правило фоновый рисунок страницы
тогда как там можно написать блоктипа
table
Николай Ковальский
Николай Ковальский
26 235
Роман Бадражан не совсем понял Ваш пример.
В вопросе мне интересно почему
мой пример не работает если указать что то одно: html или body.
http://www.webmolot.com/recipe/footer/
Николай Ковальский просек тему
(хорошо что ссылку дал)
смысл в том
что body - это то что выходит на экран
а html + body - это html страница целиком
там в низу еще есть допись CARD ( # )
и с этим кардом страница становиться длинее
HTML - это обозначение того, что это HTML документ
тег BODY - начало "тела" программы с основными операторами или свойствами

PS автор указад и THML и BODY, потому, что БЕЗ BODY работать НЕ будет
НГ
Николай Гетман
8 744
Роман Бадражан Ну если "HTML - это обозначение того, что это HTML документ " -
тогда зачем этот селектор имеет параметр ширины?

Похожие вопросы