Как найти тег body

Internet Explorer Chrome Opera Safari Firefox Android iOS
1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Элемент <body> предназначен для хранения содержания
веб-страницы (контента), отображаемого в окне браузера. Информацию, которую
следует выводить в документе, следует располагать именно внутри контейнера <body>.
К такой информации относится текст, изображения, теги, скрипты JavaScript и
т.д.

Тег <body> также применяется для определения
цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается
и взамен для указания цветовой схемы рекомендуется использовать стили, применяя
их к селектору BODY. Тем не менее, большинство атрибутов
до сих пор поддерживается разными браузерами.

Часто тег <body> используется для размещения
обработчика событий, например, onload, которое
выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

Открывающий и закрывающий теги <body> на веб-странице
не являются обязательными, однако хорошим стилем считается их использование,
чтобы определить начало и конец HTML-документа.

Синтаксис

<body>
  ...
</body>

Атрибуты

alink
Устанавливает цвет активной ссылки.
background
Задает фоновый рисунок на веб-странице.
bgcolor
Цвет фона веб-страницы.
bgproperties
Определяет, прокручивать фон совместно с текстом или нет.
bottommargin
Отступ от нижнего края окна браузера до контента.
leftmargin
Отступ по горизонтали от левого края окна браузера до контента.
link
Цвет ссылок на веб-странице.
rightmargin
Отступ от правого края окна браузера до контента.
scroll
Устанавливает, отображать полосы прокрутки или нет.
text
Цвет текста в документе.
topmargin
Отступ от верхнего края окна браузера до контента.
vlink
Цвет посещенных ссылок.

Также для этого тега доступны универсальные атрибуты и события.

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

Открывающий и закрывающий теги не обязательны.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <title>Тег BODY</title>
  <meta charset="utf-8">
 </head>
 <body onload="alert('Документ загружен')">

  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
  <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper 
  suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

 </body>
</html>

Результат текущего примера показан на рис. 1. При использовании события onload тега <body> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.

Всплывающее окно в документе

Рис. 1. Всплывающее окно в документе

Очень странно что

document.getElementsByTagName('body')

не работает

на крайняк можно тегу body прописать id

<body id='body'></body>
document.getElementsById('body')

Если

document.body.onload = function() {...}

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

<body id='body' onload="onload()"></body>

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

Вот тут привели не мало решений:
stackoverflow — How to detect if document has loaded (IE 7/Firefox 3)

Тег <body> определяет контент HTML документа (текст, изображения, ссылки и т.д.). Он располагается внутри элемента <html>, после тега <head>. В одном документе допускается использование только одного тега <body>.

Tег <body> парный. Его содержимое пишется между открывающим (<body>) и закрывающим (</body>) тегами.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
  </head>
  <body>
    Содержание документа
  </body>
</html>

Результат

Содержание документа

Тег <body> поддерживает глобальные атрибуты и атрибуты событий.

Нужно вставить код <script type=»text/javascript» src=»http://userclick.su/getJS»></script> желательно ближе или перед /body Не могу найти место, где это. Вопрос задаю не праздно, определенную работу по поиску провела. Смотрела и в корневой папке и в редакторе админки (там есть body-class, но закрывающего /body не вижу. Заранее благодарна за помощь.

3 ответа

  • популярные
  • новые


  • 1

    WordPress???? Вы часом не ошиблись форумом?

    Для Webasyst Shop-Script смотрите — Витрина -> Шаблоны -> Ваша тема дизайна -> index.html

    Для других приложений — соответственно тоже в разделах дизайна в файле index.html

    </body> — предпоследняя строчка в файле перед терминатором </html>



    • 0

      Уважаемый Михаил Морозов! Где находится </body> в структуре html я знаю. О чем тут спрашивать? А спрашиваю конкретно: как мне найти место, отмеченное тегами <body></body> в системе php, в каком файле? ведь движок Вордпресс написан на php. Насчет того, что «часом не ошиблись форумом». Не ошиблась, хотя, возможно, и не совсем по теме. В старом интерфейсе Webasyst задавался вопрос, почти как у меня и был получен ответ, что надо смотреть в редакторе файл top.php Но у меня такого файла нет! Потому и спрашиваю, куда вставить код. Пусть повисит, может, кто еще знает.



      • +2

        в вордпрес body как правило открывается в файле header.php, найти который можно по такому пути wp-contentthemesимя-вашей-темыheader.php

        Закрывается он в файле footer.php который лежит в том же месте, где и header

        А форум действительно не wordpress, а webasyst и подобную информацию по wordpress лучше черпать с специализированых ресурсов.

Добавить ответ


Пример

Простой HTML документ:

<html>
<head>
 <title>Название документа</title>
</head>

<body>
  <h1>Это заголовок</h1>
 
<p>Это параграф.</p>
</body>

</html>

Попробуйте сами »


Определение и использование

Тег <body> определяет тело документа.

Тег <body> содержит все содержимое HTML документа, например заголовки, параграфы, изображения, гиперссылки, таблицы, списки и т.д.

Примечание: Здесь может быть только один элемент <body> в HTML документе.


Поддержка браузеров

Элемент
<body> Да Да Да Да Да

Глобальные атрибуты

Тег <body> также поддерживает Глобальные атрибуты в HTML.


События атрибутов

Тег <body> также поддерживает События атрибутов в HTML.



Еще примеры

Пример

Добавление фонового изображения в документ (с помощью CSS):

<html>
<head>
<style>
body {
 
background-image: url(w3s.png);
}
</style>
</head>
<body>

<h1>Привет мир!</h1>
<p><a href=»https://www.schoolsw3.com»>Посетить Schoolsw3.com!</a></p>

</body>

Попробуйте сами »

Пример

Установите цвет фона документа (с помощью CSS):

<html>
<head>
<style>
body {
 
background-color: #E6E6FA;
}
</style>
</head>
<body>

<h1>Привет мир!</h1>
<p><a href=»https://www.schoolsw3.com»>Посетить Schoolsw3.com!</a></p>

</body>

Попробуйте сами »

Пример

Установка цвета текста в документе (с помощью CSS):

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>

<h1>Привет мир!</h1>
<p>Это какой-то текст.</p>
<p><a href=»https://www.schoolsw3.com»>Посетить Schoolsw3.com!</a></p>

</body>
</html>

Попробуйте сами »

Пример

Установите цвет непосещаемых ссылок в документе (с помощью CSS):

<html>
<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>

<p><a
href=»https://www.schoolsw3.com»>Schoolsw3.com</a></p>
<p><a
href=»https://www.schoolsw3.com/html/»>HTML Учебник</a></p>

</body>
</html>

Попробуйте сами »

Пример

Установка цвета активных ссылок в документе (с помощью CSS):

<html>
<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>

<p><a
href=»https://www.schoolsw3.com»>Schoolsw3.com</a></p>
<p><a
href=»https://www.schoolsw3.com/html/»>HTML Учебник</a></p>

</body>
</html>

Попробуйте сами »

Пример

Установите цвет посещенных ссылок в документе (с помощью CSS):

<html>
<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>

<p><a
href=»https://www.schoolsw3.com»>Schoolsw3.com</a></p>
<p><a
href=»https://www.schoolsw3.com/html/»>HTML Учебник</a></p>

</body>
</html>

Попробуйте сами »


Связные страницы

HTML учебник: HTML Элементы

HTML DOM справочник: Объект body

HTML DOM справочник: Свойство document.body


Настройки CSS по умолчанию

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

Пример

body {
  display: block;
  margin: 8px;
}

body:focus {
  outline: none;
}

Попробуйте сами »

Понравилась статья? Поделить с друзьями:
  • Как найти сканер в программе finereader
  • Как найти место в детском саду
  • Тест план для тестирования как составить
  • Как составить договор купли продажи на квадроцикл
  • Как нашел меня на английском языке