2.5. Стандартные атрибуты
Существует ряд атрибутов, которые могут использоваться во многих элементах. Часть этих атрибутов очень важна для конструирования Web-страниц, а часть может использоваться только для решения только некоторых определенных задач.Атрибут id выполняет функции уникального имени элемента. В зависимости от типа элемента, этот атрибут выполняет различные функции.
Атрибут classid определяет программу или объект, которые могут использоваться в определенных элементах.
Атрибут style позволяет использовать свойства CSS в определенном элементе. Подробно он рассмотрен в разделе 3.2.
Атрибут class позволяет сослаться на набор стилей. Его можно использовать, если в секции HEAD расположен элемент STYLE с указанием именованных стилей или использована ссылка на каскадную таблицу стилей (см. раздел 3.2.)
Атрибут align используется для выравнивания текста, объектов или элементов целиком. Выравнивание может выполняться относительно границ окна, рамки таблицы и т. д. Каждый элемент позволяет использовать определенные значения для этого атрибута. В общем случае значения могут быть такие:
left — выравнивание по левому краю;
right — выравнивание по правому краю;
justify — выравнивание по ширине (для текста);
center — выравнивание по центру (по горизонтали);
middle — выравнивание по центру (по вертикали);
top — выравнивание по верхней границе (ячейки);
bottom — выравнивание по нижней границе (ячейки).
Атрибут lang определяет, на каком языке набран текст внутри текущего элемента:
lang="код_языка"
Вот некоторые коды:
ar — арабский;
de — немецкий;
el — греческий;
en — английский;
en-us — американская версия английского языка;
es — испанский;
fr — французский;
he — иврит;
hi — хинди;
it — итальянский;
ja — японский;
nl — голландский;
pt — португальский;
ru — русский;
zh — китайский.
Для текстовых элементов может использоваться атрибут face. Его значения представляют список (через запятую) шрифтов, которые могут применяться для данного элемента. Подробнее об этом атрибуте рассказывается ниже (см. элемент FONT).
В некоторых языках применяется обратное направление текста: справа налево. При помощи атрибута dir можно указать необходимое направление:
dir="LTR" — слева направо;
dir="RTL" — справа налево.
Атрибут dir может использоваться в разных элементах, но не все броузеры обеспечивают его работу. Более надежный способ — применение специально предусмотренного для подобных случаев элемента BDO (см. ниже).
Атрибут type определяет тип документа, который указывается в ссылке. Здесь используются так называемые типы MIME (Multipurpose Internet Mail Extensions). Первоначально они использовались для определения формата отправлений электронной почты, но сейчас используются для указания форматов документов, используемых в составе Web-страниц.
Наиболее часто используемые типы:
text/plain — обычный текст;
text/css — каскадная таблица стилей;
text/html — документ в формате HTML;
application/postscript — документ в формате postscript;
image/gif, image/jpg, image/png — изображения в формате GIF, JPG или PNG соответственно;
video/mpeg — видеоролик;
application/java — апплет;
text/javascript — программа (сценарий) на JavaScript;
text/vbscript — программа (сценарий) на VBScript.
Для форм атрибут type имеет другой смысл: тип определенного элемента формы (кнопка, поле ввода и т. д.).
Атрибут charset необходим там, где надо указать вид кодировки, например: charset="ISO-8859-1"
Атрибут longdesc (long description) может быть полезен в тех случаях, когда для какого-нибудь элемента необходимо использовать описание (комментарий) большого объема. Тогда документ присоединяется при помощи ссылки:
longdesc="URL"
Атрибут title позволяет создать короткую всплывающую подсказку. Она появляется на экране, когда пользователь располагает указатель мыши над элементом. Значение атрибута — произвольная текстовая строка.
Атрибуты событий
События используются для запуска скриптовых программ. В простейшем случае атрибут события можно использовать для изменения свойства элемента при помощи одной команды. Например, легко задать реакцию элемента на наведение мыши. Если надо чтобы фон элемента изменялся в момент наведения (регистрируется событие onMouseOver), можно использовать следующую конструкцию (для примера использован абзац с появляющимся светло-зеленым фоном):<P onMouseOver="this.style.backgroundColor='lime'" onMouseOut="this.style.backgroundColor='white'">Текст абзаца</P>
Вначале с помощью команды JavaScript для элемента задается цвет «lime», а когда мышь убрана (зафиксировано событие onMouseOut), фон приобретает белый цвет.
Каждый элемент позволяет использовать только определенные события.
События, связанные с Web-страницей и окном:
onAbort — останов загрузки рисунка (например, по команде пользователя);
onError — ошибка при загрузке изображения;
onLoad — загрузка Web-страницы закончена;
onMove — перемещение окна или фрейма;
onResize — изменение размера окна или фрейма;
onScroll — прокрутка данных в окне (реализовано только в Internet Explorer);
onUnload — начинается загрузка следующей Web-страницы (например, после щелчка на гиперссылке).
События, связанные с мышью:
onClick — щелчок мышью на элементе;
onDblClick — двойной щелчок мышью на элементе;
onDragDrop — перетаскивание некоторого объекта внутрь окна;
onMouseDown — кнопка мыши нажата;
onMouseUp — кнопка мыши отпущена;
onMouseMove — указатель мыши перемещен в область элемента;
onMouseOver — указатель мыши расположен над элементом (то же, что и onMouseMove);
onMouseOut — указатель мыши перемещен за границы области элемента.
onCopy — пользователь использует контекстное меню для копирования данных Web-страницы в буфер обмена.
События, связанные с выбором элементов и редактированием форм:
onFocus — элемент выбран (получен фокус);
onBlur — элемент перестал быть выбранным (потерян фокус);
onReset — нажата кнопка «Reset» (Очистить) в форме;
onSelect — выделен текст в форме;
onSelectStart — часть текста внутри элемента выделена;
onSubmit — нажата кнопка «Submit» (Отправить) в форме;
onChange — данные в элементе были изменены (например, выбран элемент раскрывающегося списка).
События, связанные с клавиатурой:
onKeyDown — клавиша нажата;
onKeyUp — клавиша отпущена;
onKeyPress — клавиша нажата и отпущена;
Подробнее атрибуты событий рассматриваются в разделах, посвященных JavaScript.
© TEKCT.RU, А. Гончаров, 2007-2022
|
|