Что означает тег body. Атрибуты тега BODY

Здравствуйте, ребята!

Сегодня решил затронуть тему, которая никогда не перестанет быть актуальной среди молодых создателей сайтов.

Всегда существует необходимость настраивать сайты после их создания. Часть настроек выполняется через редактирование файлов установленного шаблона темы оформления. Например, нужно вставить код, выводящий похоже записи. Но куда его вставить?

Очень часто новички задают такие вопросы. Также их волнуют и другие подобные моменты, решение которых по сути, является точно таким же. К тому же, в своих будущих статьях я часто буду прибегать к вставке кодов в различные места шаблона. Поэтому, данный материал кстати, как никогда.

В данной статье я покажу, как вам очень просто определить место в вашем шаблоне WordPress, куда вам необходимо вставить любой код. Также рассмотрю другие важные моменты, которые могут волновать вас на начальном этапе.

Давайте начнем с самого верха и рассмотрим файлы, которые вам может придется редактировать, если вы захотите вставлять коды ручками, а не с помощью плагинов, ведь существует и такой вариант. Его я не приветствую, но все же для самых лентяев я опишу такие плагины в следующих статьях.

В самом начале даю видео-урок, так как без него будет сложно понять материал, изложенный в текстовом формате ниже.

Теперь объясню все подробно в текстовом формате.

Файлы, отвечающие за вывод каждого типа страниц

Если вы читали много статей на других блогах о реализации каких-то функций с помощью кодов (скриптов), то уверен на все 100%, что видели фразы наподобие:

• Вставляете этот код в файл, отвечающий за вывод главной страницы;
• Вставляете этот код в файл, отвечающий за вывод записей и другие.

Файлов, в которые может потребоваться вставлять коды, много. Но, что это за файлы? Все очень просто.

Вывод главной страницы - index.php;

Вывод записей - файл single.php;

Вывод страниц - файл page.php;

Вывод архивов и рубрик - archive.php;

Вывод подвала - footer.php;

Вывод страницы поиска - search.php;

Вывод сайдбара - sidebar.php;

Файл стилей - style.css;

Файл вывода страницы 404 - 404.php.

Теперь, когда вам будут говорить, что нужно вставить код в такой-то файл, вы будете знать, куда необходимо смотреть.

Осталось лишь ответить на вопрос, как же определить нужное место в каждом из файлов?

Определяем место вставки кода

Сначала пройдемся по тем местам, которые определять не нужно. Они у всех будут одинаковы вне зависимости от шаблона.

Первое место, идентичное для всех шаблонов - область в файле Header.php. Это открывающий и закрывающий теги .

Между данными тегами всегда размещают какие-то скрипты, которые должны работать для всех страниц сайта. То есть разместили между данными тегами скрипт, например, социальных кнопок и они работают на всех страницах сайта, где мы сделаем их вывод.

Данные теги размещены в самом верху файла Header.php.

Содержимое, находящееся между ними, у всех будет отличаться, так как все зависит от шаблона.

Если вам говорят, что нужно вставить данный код между открывающим и закрывающим тегами head, то копируете код, ищите подобную область в своем файле шаблона и просто вставляете его между этими тегами.

Второе место, которое также идентично для всех шаблонов, находится в файле, отвечающем за вывод подвала - footer.php.

Скрипты можно подключать не только, вставив их между тегами в файле Header.php. Можно также их подгрузить через файл footer.php, тем самым ускорив загрузку страницы сайта.

Дело в том, что когда страница начинается загружаться, то она грузится сверху вниз. Если все скрипты будут находиться вверху страницы, то отображение ее содержимого замедлится, так как потребуется время на загрузку скриптов.

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

Чтобы реализовать такой вариант, необходимо открыть файл footer.php и вставить скрипт перед закрывающимся тегом body. Находится он в конце содержимого файла, так как отвечает за окончание области страницы.

Как видим, все скрипты я вывел именно в данной области, перед закрывающим тегом (выделил синей рамкой). Кстати, вывел их я через загрузку из файлов, а не размещением самих скриптов в данной области. После этого я значительно ускорил работу блога. Как это сделать, будет отдельная статья. Ждите!

Надеюсь, что когда вам будут говорить вставить код в эти области, вы без проблем все сделаете.

Перейдем к более сложному вопросу и постараемся научиться определять места в других файлах шаблона, в котороые вставляются различные другие коды. Как правило, к таким кодам относятся:

• Вывод похожих записей;
• Вывод формы подписки;
• Вывод социальных кнопок и так далее.

Все эти вещи вставляются после основной части контента, то есть после окончания статьи. У каждого разный код шаблона и, поэтому, универсального ответа на вопрос "Где у меня заканчивается код вывода статьи?" просто нет.

Но можно запросто определить конец кода, после которого необходимо реализовать нужную вам функцию. Частично данный метод я уже показывал в статье про выбор WordPress шаблона (). Использовал я тогда стандартный функционал интернет браузера.

Чтобы лучше понять всю суть данного метода, настоятельно рекомендую посмотреть видео в начале этого поста. В нем я показал, как все происходит в реальном времени. Ну а сейчас постараюсь описать, как можно понятней.

Покажу на примере браузера Google Chrome. В других браузерах данная функция также имеется, то может немного по другому называться.

• Google Chrome - просмотр кода элемента;
• Firefox - исследовать элемент;
• Opera - проинспектировать элемент.

Принцип в 3х браузерах аналогичен. Теперь покажу, как определяется место вывода любой области в любом шаблоне.

Переходим в просмотр кода элемента (Google Chrome). Жмем правой кнопкой мыши по пустой области страницы.

После этого внизу страницы появляется панель, в которой показывается весь исходный код страницы, который мы можем редактировать и смотреть, как будет меняться структура и внешний вид шаблона в реальном времени. Но изменения данные не сохраняются. Для этого нужно редактировать сами файлы шаблона.

Вот, как выглядит эта панель.

Стрелкой я показал на лупу (увеличительное стекло), нажав на которое мы можем инспектировать структуру шаблона и определить из каких блоков состоит наш шаблон. Данную функцию я называю инспектором.

После нажатия на инспектор, мы можем водить мышкой по нашей странице и будем видеть, что все элементы, на которые мы наводим, начинают подсвечиваться цветным фоном. В пример покажу скриншот из статьи про выбор шаблона. Там я навел на заголовок записи.

Если нам необходимо вставить код после вывода нашей статьи, то не составит труда догадаться, что нужно проинспектировать область нашего шаблона и найти блок, в котором содержится все содержимое статьи. Можно искать, как конец блока, так и начало. То есть можно инспектировать шаблон и снизу и сверху.

Но тут одно замечание . Нам необходимо находить не просто строчки статьи, а именно блоки, в которых находится сам контент, так как в файлах шаблона статей нет. Там имеется только код, выводящий контент, и заключен он в блоки. Именно после закрывающего блочного тега и нужно будет вставлять код.

Итак, что мы делаем? Нажимаем на пиктограмму лупы и начинаем инспектировать область, в которой находится наша статья. Нужно найти такую часть страницы, когда подсветится область всей статьи. Это и будет блок, выводящий контент.

Для примера я создал новую статью с маленьким содержанием, чтобы показать, как подсветится данный блок.

Методом тыка вы должны также найти блок, в котором содержится ваш контент. При наведении вы видите небольшую всплывающую подсказку, в которой показано, как называется данный блок.

Когда нащупаете такую часть шаблона, то жмете на кнопку мышки и данная часть становится активна. В панели просмотра кода элемента автоматически выделится строчка кода с данным блоком.

Как видим, данный блок имеет точно такое же название, как и во всплывающей подсказке при наведении.

Когда мы знаем название блока, в котором выводится основная часть статьи, мы можем пойти в необходимый файл и вставить после данного блока нужный нам код. Для примера возьмем файл вывода записи (single.php).

Открываю его в редакторе Notepad и ищу в коде строчку, которая начинается точно также, как в панели просмотра кода элемента.

В редакторе Notepad очень удобно работать, так как при нажатии на открывающий тег блока, выделяется и закрывающий (показал на изображении выше). Закрывающий тег говорит о том, что это конец вывода содержимого. Именно после него мы и можем вставить наши социальные кнопки, похожие записи и другие функции.

Я как раз и вставил там социальные кнопки вместе с формой подписки на обновления.

На страницах они так и отображаются.

Аналогично происходит вставка и в другие файлы шаблона (страницы, рубрики, архивы...).

Без практики данный метод вставки вряд ли освоишь по тексту и изображениями. Поэтому, берите и пробуйте. Уверен, что все получится. Также в помощь видео в начале статьи.

Про определение места в файле шаблона для последующей вставки в него нужного когда, разобрались.

Остался последний момент , который стоит освятить в данном пункте.

Имеется немало настроек, требующих вмешательства в файл шаблона functions.php. Но, как вставлять в него коды, также нужно понимать.

Как правило, на всех блогах пишут, что вставку нужно производить в самый конец файла перед закрывающим тегом?>.

Но, как быть, если данного тега нет в файле? Вот, например, у меня его как раз таки и нету. Как быть в такой ситуации? Отсутствия закрывающего тега не означает, что файл некорректный. Блог ведь работает. Значит все ОК.

В данном случае я предлагаю поступить обратным образом - вставить в код в самое начало файла перед открывающих тегом. Смотрите на изображение ниже.

Красным цветом выделен открывающий тег, а синим- код, который был вставлен.

Это один вариант. Также можно вставлять код в конце файла, но перед последним кодом. В этом случае, вам хоть немного нужно понимать, где начинается последний код, чтобы не обрезать его.

Вот и все. Если вдруг у вас такая же ситуация с отсутствием закрывающего тега в файле funsctions.php, то будете знать, как действовать.

Определение стилей оформления в шаблоне

Также само мы можем просматривать стили оформления для элементов страниц и менять их, а также добавлять свои. В этом помогает все тот же инспектор элемента.

Когда находим нужный элемент и кликаем на него, в правой области панели просмотра кода отображаются стили оформления для выбранного блока (элемента). Покажу стили для того же блока статьи, рассмотренного выше.

Если мы хотим в реальном времени отредактировать эти стили и посмотреть, какой вид будет иметь тот или иной элемент, можно менять их прямо в данной панели. Просто жмете на значения нужных стилей и меняете их.

Но изменения будут действительны лишь до 1го обновления страницы. Чтобы применить эти стили, необходимо внести их в файл стилей шаблона. На одном из изображений выше я показал синей рамкой область, которая показывает имя файла, в котором данные стили прописаны, а также точную строчку с которой они начинаются.

Поэтому, открываем файл стилей style.css и ищем строчку 890 в моем случае.

Тут можете их и отредактировать. Сохраняете файл и закачиваете на хостинг.

Замечу, что редактирование всех файлов я произвожу именно у себя на компьютере. В этом случае пользуюсь внешними программами, что дает возможность отменять любые изменение при возникновении каких-то косяков. Тоже самое касается и различных экспериментов с кодами и скриптами - все на .

Настоятельно рекомендую вам также выполнять подобное редактирование любых файлов у себя на компьютере. Для этого вам нужно сначала скачать файлы к себе на компьютер со своего хостинга, использовав ftp клиент. Об этом я писал в . А затем просто открывать файлы любым удобным для вас редактором, который сможет открыть их. Я использую для этих целей Notepad.

На этом статья подошла к концу. Вот такой мудреный процесс определения места, куда нужно вставить какой-то код или скрипт. На первый взгляд данная процедура может показаться сложной. Но все очень просто. Пару раз попробуете и уже подобных вопросов задавать не будете.

Конечно же можно производить вставку кодов и скриптов на свой блог с помощью специальных плагинов, которые я рассмотрю в обязательном порядке в следующих статьях. Но, во избежание их использования, можно делать такие действия и без них, что я и рекомендую. Этим вы избавитесь от лишней нагрузки на сайт, тем самим ускорив его и сделав удобнее для пользования вашими посетителями.

Все, друзья. На этом заканчиваю. Жду ваших вопросов в комментариях. Во всем разберемся. До встречи в новых материалах.

С уважением, Константин Хмелев.

Здравствуйте! В этом уроке вы НЕ найдете для себя ничего полезного, если УЖЕ знакомы с формированием структуры HTML документа. Для тех, кто НЕ знаком, я покажу правильную (валидную) структуру HTML веб-документа, в том числе для сайта WordPress.

Общая правильная структура HTML документа

В первую очередь, без долгих предисловий – общая структура любого HTML документа должна быть такой:

/*Указывает тип текущего документа DTD*/ /*Показывает начало документа*/ /*Показывает начало заголовка (шапки)*/ Test/*Показывает заголовок*/ /*Показывает начало заголовка*/ /*Показывает начало основной части документа (тело)*/ /*Содержательная часть документа*/ /*Показывает конец основной части документа*/ /*Показывает конец документа*/

Если убрать пояснения, которые я показывал после каждого тега, то простая структура HTML документа выглядит так

Test

Тип текущего документа DTD

Тип текущего документа (Document Type Definition, DTD ) необходим, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, ведь язык HTML существует в нескольких версиях.

Кроме этого есть другие языки разметки отличные от HTML, например XHTML.

Примечание: XHTML это EXtensible HyperText Markup Language, что переводим, как расширенный язык разметки гипертекста.

XHTML похож на HTML, но отличается синтаксисом. Чтобы браузер не путался языки и нужно показать ему в первой строке кода, тип текущего документа DOCTYPE .

Понятие тега в HTML

Вы обратили внимание, что вся структура HTML документа задается определенными тегами – некими словами, заключенными в угловые скобки.

Слово, заключенное в угловые скобки HTML документа называется тегом. Каждый тег имеет свой смысл, определенный правилами разметки.

• Тег означает заголовок html документа. В тегах head хранится информация для браузеров и поисковых систем. В том числе в виде мета-тегов;
• Тег означает основное содержание html документа. Именно текст, изображения, скрипты Java Script и т.д.;
• Тег [p] это блочный элемент, всегда начинается с новой строки. Он означает абзац основного содержания html документа.

Важно! Все теги html разметки должны быть парными. То есть, открывающий тег , должен быть закрыт закрывающим тегом, с косой чертой .

Теги заголовков и подзаголовков h1-h6

Для улучшения структурирования текста документа, а также улучшения SEO веб-страниц, существуют дополнительные теги основного содержания. Они называются теги заголовков и подзаголовков от h1 до h6, всего 6 штук.

Они так же как теги [p] -обзаца, который, позволяет выделить смысловые участки текста, позволяют поделить текст на смысловые участи, дав каждому участку свой заголовок.

Теги h1 —h6 имеют подчиненную зависимость, нижний уровень этой подчинённости абзац.

Важно отметить, что нарушение подчиненной зависимости тегов h1 —h6 —p не нарушит отображение и валидность документа, а лишь ухудшит его оптимизацию для поисковых систем.

Пример развитой структуры HTML документа

Приведу академический пример более развитой структуры HTML документа:

Test Основной заголовок Основной заголовок Первый подзаголовок Основной заголовок Второй подзаголовок Первый второстепенный подзаголовок

Структура HTML 5

В версии HTML 5 должна быть такая структура документа:

Это декларация которая показывает, что этот документ в HTML5 ;

это корневой элемент HTML страницы;

Элемент, с мета-тегами о документе;

Этот элемент определяет заголовок для документа;

Этот элемент содержит видимое содержимое страницы;

Элемент определяет большой заголовок

Элемент определяет абзац.

Работают в html5 теги h2 — h6

Все теги двойные. Начальный тег называется открывающим тегом, а конечный тег — закрывающим тегом.

HTML разметка на сайте WordPress

Несмотря на то, что скрипт WordPress написан на php, все файлы сайта, а вернее все файлы рабочего шаблона сайта, имеют html разметку. Смотрим пример, на файле header.php шаблона Twenty Seventeen :

Вы можете видеть, что если все функции WordPress размещены в классической HTML разметке. Есть тип документа:

Парные теги ,

Открывающий тег .

Закрывающий тег можно найти в файле footer.php .

Как посмотреть HTML код страницы сайта WordPress

То, что вы пишите в редакторе сайта, создавая статьи или страницы, это лишь часть HTML страницы сайта. Это даже не всё тело (body) страницы.

Чтобы посмотреть HTML код страницы сайта WordPress, а это нужно очень часто, нужно:

Открыть страницу в браузере;

Перейти в английский шрифт клавиатуры;

Нажать следующие кнопки:

• Chrome: Ctrl+U
• Opera: Ctrl+U
• Mozilla: Ctrl+U

Может быть, вы пока не знаете, зачем это нужно. Поверьте, это будет нужно не раз, для анализа своего сайта и возможно сайтов конкурентов.

Вывод

В заключении хотелось сделать вывод, но на ум приходит только мысль, что статья получилось, совсем для начинающих. Между примером кода статьи и примерами из реальных сайтов, на первый, взгляд большая разница. Однако у всех файлов одинаковая структура HTML документа и крайне важно эту структуру не нарушать при работе с сайтом.

Элемент (от англ. "body" ‒ «тело») предназначен для хранения содержимого веб-страницы (контента), отображаемого в окне браузера (текст, ссылки, картинки (изображения), таблицы, списки и т.д.).

Примечание: Открывающий тег элемента может быть опущен, если первым элементом в нём не являются символ пробела, комментарий, элементы или . Закрывающий тег может быть опущен, если элемент body имеет содержимое или начальный тег, и за ним непосредственно не следует комментарий.

Синтаксис ... Закрывающий тег

Не обязателен.

Атрибуты alink Устарел в HTML5 Устанавливает цвет активной ссылки. Используйте вместо него свойство CSS color в сочетании с псевдоклассом :active . background Устарел в HTML5 Задает фоновый рисунок на веб-странице. Используйте вместо него свойство CSS background . bgcolor Устарел в HTML5 Цвет фона веб-страницы. Используйте вместо него свойство CSS background-color . bgproperties Устарел в HTML5 Определяет, прокручивать фон совместно с текстом или нет. Используйте вместо него свойство CSS background-attachment . bottommargin Устарел в HTML5 Отступ от нижнего края окна браузера до контента. Используйте вместо него свойство CSS margin-bottom . leftmargin Устарел в HTML5 Отступ по горизонтали от левого края окна браузера до контента. Используйте вместо него свойство CSS margin-left . link Устарел в HTML5 Цвет ссылок на веб-странице. rightmargin Устарел в HTML5 Отступ от правого края окна браузера до контента. Используйте вместо него свойство CSS margin-right . scroll Устарел в HTML5 Устанавливает, отображать полосы прокрутки или нет. Используйте вместо него свойство CSS overflow . text Устарел в HTML5 Цвет текста в документе. Используйте вместо него свойство CSS color . topmargin Устарел в HTML5 Отступ от верхнего края окна браузера до контента. Используйте вместо него свойство CSS margin-top . vlink Устарел в HTML5 Цвет посещённых ссылок. Используйте вместо него свойство CSS color в сочетании с псевдоклассом :visited .

Для этого элемента доступны глобальные атрибуты и события .

Стилизация по умолчанию

Большинство браузеров отобразит элемент со следующими значениями CSS по умолчанию:

Body { display: block; margin: 8px; } body:focus { outline: none; }

Различия между HTML 4.01 и HTML5

Все используемые ранее атрибуты, были удалены из HTML5.

Пример использования: Элемент Пример HTML: Попробуй сам Заголовок документа Содержимое документа... Спецификации Спецификация Статус

От автора: разницу между тегами html и body очень легко не заметить. Кажется, что этот момент относится к тривиальным вещам. Должен признаться, что у меня была очень плохая привычка применять все глобальные стили к тегу body, а когда этого было недостаточно, то я, не задумываясь, переключался на тег html.

Однако, различия между этими тегами все-таки есть. И хорошая идея заключается в том, что неплохо было бы о них знать, независимо от того, как долго вы пишите CSS. В этой статье мы рассмотрим данные различия и практические примеры, в которых применение стилей к одному элементу вместо другого может оказаться более правильным решением.

Как элементы HTML и body связаны друг с другом

Давайте рассмотрим стандартную структуру базового HTML документа:

В спецификации html определяется как корневой элемент документа, и мы можем это четко видеть из вышеприведенного примера: элемент html находится на самом верхнем уровне по сравнению с другими элементами. Выше подниматься уже некуда, т.е. это самый первый элемент, от которого могут наследоваться стили.

Далее, прямо после тега html, идут только два элемента: head и body. Фактически, в спецификации body прямо противопоставлен элементу head, поскольку имеются всего лишь два элемента, которые требуется различать на данном уровне.
Итак, получается, что html – это корневой элемент документа, в котором содержится элемент body, являющийся его потомком. В CSS даже есть селектор:root. Следующие два селектора являются равнозначными:

:root { } html { }

WHATWG HTML Living Standard (WHATWG)	Живой стандарт
HTML 4.01 (W3C)	Рекомендация
HTML5 (W3C)	Рекомендация
HTML 5.1 (W3C)

: root { html {

За исключением того, что селектор:root обладает более высокой специфичностью: (0, 0, 1, 0) против (0, 0, 0, 1).

Поэтому нам следует всегда задавать глобальные стили для html, правильно?

Очень заманчиво предполагать, что любые стили, которые должны быть унаследованы на протяжении всего документа, следует задавать прямо для html, потому что это корневой элемент документа. Элемент html превосходит элемент body по иерархии, поэтому было бы логично, чтобы именно для него задавались все глобальные стили.

Но на деле выходит не совсем так. На самом деле, следующие инлайн атрибуты были изначально присвоены в спецификации элементу body:

В настоящее время данные атрибуты считаются устаревшими, и рекомендуется использовать аналогичные им CSS свойства (слева — Инлайн Атрибут, справа — его аналог CSS Свойство):

background — background

bgcolor — background, background-color

marginbottom — margin-bottom

marginleft — margin-left

marginright — margin-right

margintop — margin-top

Учитывая то, что данные CSS свойства произошли из инлайн атрибутов, которые были созданы для элемента body, было бы логично применять их в CSS прямо для body, а не для html.

Поэтому нам следует всегда задавать глобальные стили для body, правильно?

Что ж, не совсем так. Есть ситуации, в которых было бы правильнее применять данные стилевые свойства к элементу html. Давайте рассмотрим пару таких ситуаций.

Работа с единицами измерения rem

Единица измерения rem является относительной по отношению к корню документа. Например, когда мы пишем что-то наподобие этого:

Module { width: 40rem; }

Module { width : 40rem ;

Единица измерения rem, в данном случае, будет относительной по отношению к значению свойства font-size у элемента html, который и является корнем документа. Таким образом, элемент с классом.module будет масштабироваться в зависимости от того, какое значение задано у пользователя по умолчанию для корня документа.

У Джонатана Снука (Jonathan Snook) есть , которая замечательно демонстрируется, как установка значения свойства font-size для html в процентах может быть использована в качестве сброса стилей при работе с единицей измерения rem.

Причудливое свойство background-color

Есть одна странная вещь в CSS, когда заданный фоновый цвет (с помощью свойства background-color) для элемента body заполняет всю область просмотра, даже если размеры самого элемента при этом меньше. Так происходит до тех пор, пока свойство background-color не будет задано для элемента html.

Если нужно, чтобы фоновый цвет заливал всю область просмотра, то лучше всего сразу задать его для элемента html.

Заключение

Я надеюсь, что это пролило немного света на ключевые различия между тегами html и body в CSS. Существуют также различия и в JavaScript. Например, вам не нужен селектор для данных элементов, чтобы найти их, т.к. в JavaScript html – это document.rootElement, а body – document.body.

Мы, конечно, можем описать более технические различия между этими двумя элементами, но цель этой статьи была в том, чтобы повысить наш уровень понимания сути этих элементов для принятия более осознанных решений при написании CSS.
Есть ли у вас примеры того, где стоит вместо одного элемента использовать другой? Или, возможно, у вас есть другие критерии выбора элемента для стилизации. Напишите об этом в комментариях!

Тег body определяет область контента страницы. Является обверткой для содержимого, отображаемого в основном окне браузера.

Текст, картинки, формы, блоки, таблицы, списки и т.д. - все это указывают внутри тега . Перед тегом body может находиться тег , предназначенный в основном для хранения системной информации ().

Синтаксис контент веб страницы Закрывающий тег body

По условиям спецификации HTML5 использовать закрывающий тег body не обязательно. Браузеры при этом ставят тег автоматически, просчитывая его место в коде. Однако, во избежания внештатных ситуаций мы рекомендуем все-таки ставить закрывающий тег body вручную в документе.

Перед закрывающим тегом часто ставят подключение скриптов JavaScript. Например, системные скрипты для работы сайта, скрипты визуальных элементов (галерей, слайдеров, эффектов плавности и т.п.), скрипты счетчиков посещаемости Google Analytics и Яндекс Метрика (рекомендации по месту установки счетчиков могут меняться, смотрите инструкции от Google и Яндекс на момент установки).

Пример использования в HTML коде

Какой-то абзац

Какой-то блок


Поддержка браузерами

Тег
	Да	Да	Да	Да	Да

Устаревшие атрибуты тега body

В HTML5 тег не имеет параметров или атрибутов. Ниже в таблице приведены устаревшие атрибуты тега body . Используйте стилизацию с помощью CSS вместо них.