Тег body в HTML

Что делает тег Body в HTML: самый важный элемент HTML сейчас?

В элементе <body> заключено все содержимое веб-страницы. Он должен располагаться внутри родительского элемента <html>, следующим после элемента <head>.

<html> <head> . . . </head> <body>Содержимое страницы должно находиться здесь</body> </html>
Где используется тег body

Самый важный… и самый простой

Элемент <body> является самым важным элементом HTML. Содержимое элемента <body> — это то, что фактически отображается пользователю, посещающему вашу веб-страницу или просматривающему ваш документ. Тег <body> должен располагаться за тегом <html>, и следовать после тега <head> (если он присутствует).

<html>
<head>
<title>Тег body в HTML</title>
</head>
<body>
<h2>Что делает тег Body в HTML: самый важный элемент HTML сейчас?</h2>
В элементе body заключено все содержимое веб-страницы. Он должен располагаться внутри родительского элемента html, следующим после элемента head.
</body>
</html>
Пример использования тега body

Стилизация с помощью элемента <body>

В предыдущих версиях HTML (и в некоторых проприетарных схемах разметки браузера) для тега <body> был доступен ряд  атрибутов стиля и события. Все это устарело в HTML5. Любой стиль, который вы хотели применить с помощью <body>, необходимо поместить в ваш CSS. И, на самом деле, содержимое тега <body> — это отличное место для размещения всего CSS, который используется для отображения документа в целом: такие как шрифты и типография, цвета текста, фона и другие стили по умолчанию.
примеры CSS для использования в теге body

Нацеливание тега <body>

В системах управления контентом обычной практикой является размещение списка CSS class, специфичных для контента, в элемент <body>. Это позволяет дизайнерам и разработчикам JavaScript ориентироваться на страницы на основе определенных атрибутов контента, таких как категория, теги или тип контента.
примеры CSS classes для применения в елементе body
Эти классы добавляются программно различными компонентами и плагинами, и предоставляют разработчикам простой способ  нацелить стилизацию или функциональность на выделенный контент страницы (если они не используются, то не вызывают никаких проблем).

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *