Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
<BODY>...</BODY>

Ниже приведён пример не рекомендованный спецификацией для использования, так как в теге BODY содержаться отмененные атрибуты:

  1.<HEAD>
  2. <TITLE>Элемент BODY</TITLE>
  3.</HEAD>
  4.<BODY bgcolor="white" text="black"
  5. link="red" alink="fuschia" vlink="maroon">
  6. ... содержимое элемента body...
  7.</BODY>
  8.</HTML>
так как в соответствии с CSS2, необходимо использовать следующий синтаксис:
  1. <HTML>
  2.<HEAD>
  3. <TITLE>Элемент BODY</TITLE>
  4. <STYLE type="text/css">
  5. BODY { background: white; color: black}
  6. A:link { color: red }
  7. A:visited { color: maroon }
  8. A:active { color: fuschia }
  9. </STYLE>
10.</HEAD>
11.<BODY>
12. ... содержимое элемента body...
13.</BODY>
14.</HTML>
15.

Использование внешних листов стилей позволяет более своевременно изменять стиль всех элементов без необходимости внесения изменений в страницу, именно в связи с этим многие атрибуты элемента BODY были отменены в новой версии HTML5. Стиль CSS можно подключить в любом месте, но согласно спецификации рекомендуется подключать стиль в заголовочной части документа (head):

  1.<HTML>
  2.<HEAD>
  3. <TITLE>Элемент BODY</TITLE>
  4. <LINK rel="stylesheet" type="text/css" href="style.css">
  5.</HEAD>
  6.<BODY>
  7. ... содержимое элемента body...
  8.</BODY>
  9.</HTML>
10.

В документах с фреймами элемент frameset заменяет элемент body.

Атрибуты class и id

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

Название id должно быть уникальным в текущей станице и не содержаться в других элементах, то есть не допускается использовать одинаковые id в нескольких элементах. Атрибут class допускается использовать несколько раз на страницы, при этом допускается указывать в содержании атрибута несколько классов разделенных пробелами.

Пример, в котором свойство background: green связано с элементом имеющим класс example и (или) id example-1:

  1.<HEAD>
  2.<STYLE
  3.PRE.example {background: green}
  4.</STYLE
  5.</HEAD>
  6.<BODY>
  7.<PRE class="example" id="example-1">
  8....пример кода...
  9.</PRE>
10.</BODY>
11.
12.

Атрибуты rightmargin, bottommargin, topmargin, leftmargin задают отступы для горизонтальных и вертикальных краев элемента BODY, но используются только в браузере Internet Explorer.

Атрибуты marginwidth, marginheight устанавливает отступы от верхнего и нижнего краев документа для браузера Netscape Navigator.


Доступ и установка с jQuery

  • Получить коллекцию элементов BODY: val = $("BODY");
  • Получить класс элементаBODY: val = $("BODY").attr("class");
  • Установить несколько CSS свойств HTML элементу BODY: $("BODY").css({"...":"..."});
  • Установить единичное CSS свойство HTML элементу BODY: $("BODY").css("...","...");
  • Как использовать jQuery для HTML, - читайте статью "jQuery и HTML для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org