Html тег

Параметр BGPROPERTIES

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Аргументы

Существует только одно значение fixed, которое
фиксирует фон. Если требуется, чтобы фон не фиксировался, удалите параметр bgproperties
у тега или установите у него пустое значение — «».

Аналог CSS

BODY { background-attachment: fixed | scroll }

Пример 5. Фиксация фона

Тег BODY, параметр bgpropertiesbackground=»images/bbking.jpg» bgproperties=»fixed»>

Примечание

  • Не все браузеры поддерживают этот параметр, например, Netscape (Firefox) игнорирует
    его напрочь.
  • Замечено, что при установке фонового рисунка на веб-странице через стили,
    параметр bgproperies перестает работать.

HTML 4.01

HTML теги

  • /a>
  • a
  • abbr
  • acronym
  • address
  • applet
  • area
  • b
  • base
  • basefont
  • bdo
  • bgsound
  • big
  • blink
  • blockquote
  • body
  • br
  • button
  • caption
  • center
  • cite
  • code
  • col
  • colgroup
  • comment
  • dd
  • del
  • dfn
  • dir
  • div
  • dl
  • dt
  • em
  • embed
  • fieldset
  • font
  • form
  • frame
  • frameset
  • h1-h6
  • head
  • hr
  • html
  • i
  • iframe
  • ilayer
  • img
  • input
  • ins
  • isindex
  • kbd
  • label
  • layer
  • legend
  • li
  • link
  • listing
  • map
  • marquee
  • menu
  • meta
  • multicol
  • nobr
  • noembed
  • noframes
  • noindex
  • noscript
  • object
  • ol
  • optgroup
  • option
  • p
  • param
  • plaintext
  • pre
  • q
  • s
  • samp
  • script
  • select
  • small
  • sound
  • spacer
  • span
  • strike
  • strong
  • style
  • sub
  • sup
  • table
  • tbody
  • td
  • textarea
  • tfoot
  • th
  • thead
  • title
  • tr
  • tt
  • u
  • ul
  • var
  • wbr
  • xmp

атрибуты HTML

  • abbr
  • above
  • accept
  • accept-charset
  • accesskey
  • action
  • align
  • alink
  • allowtransparency
  • alt
  • archive
  • autocomplete
  • axis
  • background
  • bgcolor
  • bgproperties
  • border
  • bordercolor
  • cellpadding
  • cellspacing
  • char
  • charoff
  • charset
  • checked
  • cite
  • class
  • classid
  • clear
  • code
  • codebase
  • codetype
  • color
  • cols
  • colspan
  • compact
  • content
  • coords
  • data
  • datetime
  • declare
  • defer
  • dir
  • disabled
  • enctype
  • face
  • for
  • frame
  • frameborder
  • galleryimg
  • headers
  • height
  • href
  • hreflang
  • hspace
  • http-equiv
  • id
  • ismap
  • label
  • lang
  • language
  • link
  • longdesc
  • loop
  • marginheight
  • marginwidth
  • maxlength
  • media
  • method
  • multiple
  • name
  • nohref
  • noresize
  • noshade
  • nowrap
  • object
  • profile
  • prompt
  • readonly
  • rel
  • rev
  • rows
  • rowspan
  • rules
  • scheme
  • scope
  • scrolling
  • selected
  • shape
  • size
  • span
  • src
  • standby
  • start
  • style
  • summary
  • tabindex
  • target
  • text
  • title
  • type
  • usemap
  • valign
  • value
  • valuetype
  • version
  • vlink
  • vspace
  • width
  • xmlns

Рекомендации по использованию

  • по спецификациям XHTML открывающий () и закрывающий () тег обязателен
  • включает в себя всю содержательную часть веб-страницы
  • может содержать , теги script>, ins> и del>
  • взаимоисключающий элемент с тегом frameset>
  • обязательных нет
  • большинство атрибутов данного тега отсутствует либо не рекомендуется в спецификации HTML 4.01. Настройки, которые задают эти атрибуты можно и нужно выполнять, используя таблицы стилей
  • некоторые браузеры по умолчанию отображают элемент с отступами

Согласно спецификации HTML4.01 открывающий и закрывающий теги не обязательны. Тем не менее, рекомендуется их использовать, для четкого структурирования текста страницы.

Тег

Твой код:
Результат:

большой полигон

Атрибуты

alink задает цвет активной ссылки (в момент нажатия). Не рекомендуется в спецификации HTML 4.01!
background задает URL фонового рисунка. Не рекомендуется в спецификации HTML 4.01!
bgcolor задает цвет фона страницы
bgproperties при установке bgproperties=»fixed» фон фиксируется и не прокручивается вместе со страницей Отсутствует в спецификации HTML 4.01!
bottommargin определяет отступ от нижнего края окна браузера.Не поддерживается Firefox! Отсутствует в спецификации HTML 4.01!
class определяет имя используемого класса
dir задает направление

  • ltr — направление слева направо (по умолчанию)
  • rtl — направление справа налево
id уникальный идентификатор
lang определяет язык отображаемого документа
leftmargin определяет отступ от левого края окна браузера.Не поддерживается Firefox! Отсутствует в спецификации HTML 4.01!
link задает цвет ссылок. Не рекомендуется в спецификации HTML 4.01!
marginheight задает высоту вехнего и нижнего полей документаРаботает только в браузерах Netscape.Отсутствует в спецификации HTML 4.01!
marginwidth задает ширину левого и правого полей документаРаботает только в браузерах Netscape.Отсутствует в спецификации HTML 4.01!
onblur потеря фокуса элементом.Отсутствует в спецификации HTML 4.01!
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onerror ошибка сценария на странице.Отсутствует в спецификации HTML 4.01!
onfocus получение фокуса элементом.Отсутствует в спецификации HTML 4.01!
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onload окончание загрузки страницы
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
onresize изменение пользователем размера окна.Отсутствует в спецификации HTML 4.01!
onunload выгрузка браузером текущего документа из окна или фрейма
rightmargin определяет отступ от правого края окна браузера.Не поддерживается Firefox!Отсутствует в спецификации HTML 4.01!
scroll управляет отображением полос прокрутки

  • yes — отображает полосы прокрутки (по умолчанию)
  • no — запрещает показ полос прокрутки

Работает только в IE! Отсутствует в спецификации HTML 4.01!

style задает встроенную таблицу стилей
text задает цвет текста. Значение по умолчанию #000000. Не рекомендуется в спецификации HTML 4.01!
title добавляет всплывающую подсказку
topmargin определяет отступ от верхнего края окна браузера.Не поддерживается Firefox! Отсутствует в спецификации HTML 4.01!
vlink задает цвет посещенных ссылок. По умолчанию для IE и Opera #800080, для Firefox #551a8b. Не рекомендуется в спецификации HTML 4.01!

Теги HTML

c http-equiv=»Content-Type» content=»text/html;charset=UTF-8″>lass=»block_content scroll»>

  • Все теги
  • Валидация тегов
    • accesskey
    • charset
    • coords
    • download
    • href
    • hreflang
    • name
    • rel
    • rev
    • shape
    • tabindex
    • target
    • title
    • type
  • title

    • align
    • alt
    • archive
    • code
    • codebase
    • height
    • hspace
    • vspace
    • width
    • accesskey
    • alt
    • coords
    • href
    • hreflang
    • nohref
    • shape
    • tabindex
    • target
    • type
    • autoplay
    • controls
    • loop
    • muted
    • preload
    • src
    • href
    • target
    • color
    • face
    • size
  • dir

    • balance
    • loop
    • src
    • volume
    • alink
    • background
    • bgcolor
    • bgproperties
    • bottommargin
    • leftmargin
    • link
    • rightmargin
    • scroll
    • text
    • topmargin
    • vlink
  • clear

    • accesskey
    • autofocus
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • name
    • type
    • value
    • align
    • valign
    • align
    • char
    • charoff
    • span
    • valign
    • width
    • align
    • char
    • charoff
    • span
    • valign
    • width
    • cite
    • datetime
    • align
    • title
    • align
    • height
    • hidden
    • hspace
    • pluginspage
    • src
    • type
    • vspace
    • width
    • disabled
    • form
    • title
    • color
    • face
    • size
    • accept-charset
    • action
    • autocomplete
    • enctype
    • method
    • name
    • novalidate
    • target
    • bordercolor
    • frameborder
    • name
    • noresize
    • scrolling
    • src
    • border
    • bordercolor
    • cols
    • frameborder
    • framespacing
    • rows
  • align

  • align

  • align

  • align

  • align

  • align

  • profile

    • align
    • color
    • noshade
    • size
    • width
    • manifest
    • title
    • xmlns
    • align
    • allowtransparency
    • frameborder
    • height
    • hspace
    • marginheight
    • marginwidth
    • name
    • sandbox
    • scrolling
    • seamless
    • src
    • srcdoc
    • vspace
    • width
    • align
    • alt
    • border
    • height
    • hspace
    • ismap
    • longdesc
    • lowsrc
    • src
    • usemap
    • vspace
    • width
    • accept
    • accesskey
    • align
    • alt
    • autocomplete
    • autofocus
    • border
    • checked
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • list
    • max
    • maxlength
    • min
    • multiple
    • name
    • pattern
    • placeholder
    • readonly
    • required
    • size
    • src
    • step
    • tabindex
    • type
    • value
    • cite
    • datetime
    • accesskey
    • for
    • accesskey
    • align
    • title
    • type
    • value
    • charset
    • href
    • media
    • rel
    • sizes
    • type
  • name

    • behavior
    • bgcolor
    • direction
    • height
    • hspace
    • loop
    • scrollamount
    • scrolldelay
    • truespeed
    • vspace
    • width
    • label
    • type
    • charset
    • content
    • http-equiv
    • name
    • high
    • low
    • max
    • min
    • optimum
    • value
    • align
    • archive
    • classid
    • code
    • codebase
    • codetype
    • data
    • height
    • hspace
    • tabindex
    • type
    • vspace
    • width
    • reversed
    • start
    • type
    • disabled
    • label
    • disabled
    • label
    • selected
    • value
  • align

    • name
    • type
    • value
    • valuetype

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Параметр BACKGROUND

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

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

...

Настройки браузера по умолчанию. Отступы.

В окне браузера наблюдаются отступы от границ окна до границ элемента .

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

  • IE 6 — сверху: 15px, справа: 10px, снизу: неизвестно, слева: 10px;
  • FF 1.5 — сверху: 8px, справа: 8px, снизу: неизвестно, слева: 8px;
  • Opera 8 — сверху: 8px, справа: 8px, снизу: неизвестно, слева: 8px;

Добавлю фон для всего документа: 

html {
    background:#FFB55F;
}

Теперь разница более заметна: вокруг  в Opera белая рамка шириной 8px (судя по цвету, это ), а в IE и FF размеры отступов остались прежними, но приобрели цвет фона всего документа (похоже,  не больше ).

Установлю для :

body {
    margin: 0;
}

В IE и FF отступы исчезли,  вплотную прижат к верхней, правой и левой границам окна, в то время, как в Opera ничего не изменилось.

А теперь заменю в CSS установленный для   на :

body {
    padding: 0;
}

Предположения подтвердились. Отступы в IE и FF —  элемента , а в Opera — .

Оставлю для дальнейшего исследования у :

body {
    padding: 0;
    margin: 0;
}

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

Высота BODY в процентах

Установлю для . И снова браузеры по разному это показывают. В FF и Opera ничего и не произошло, тогда как IE растянул  на всю высоту видимой части окна.

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

Но я сделаю высоту  несколько больше высоты видимой области окна браузера. Появился вертикальный скроллинг. Внизу страницы видно следующее:

IE снова растянул  до высоты содержимого, а FF и Opera оставили его высоту 100% от видимой части страницы.

Заменяю  для  на  и ситуация меняется на противоположную.

Теперь FF и Opera при минимальной высоте  растягивают  до высоты видимой части окна, а при увеличении контента и появлении вертикального скроллинга — до высоты содержимого.

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

Добавляю  для . FF и Opera снова растягивают его до 100% высоты видимой части страницы и не более того.

А IE растягивает  до 100% высоты видимой части страницы при минимальной высоте , а при ее превышении видимой области окна браузера — до высоты содержимого.

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

Выводы: всегда занимает всю высоту окна браузера. Для управления высотой содержимого следует определить высоту  в CSS . IE игнорирует правило  и свойство , поэтому для него работает , тогда как  маскирует в FF и Opera .

Ссылка на основную публикацию