ArininAV

Приложение 10.
Устаревшие и нестандартные
элементы HTML

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

Морально устаревшие элементы

Аплеты Java: элемент APPLET

Синтаксис: <APPLET>…</APPLET> (блочный элемент)
Атрибуты:  id, class, style, title, события
           code = CDATA (имя файла класса)
           codebase = URI (базовый URI для файлов класса)
           width = размер (ширина окна аплета)
           height = размер (высота окна аплета)
           archive = CDATA (список библиотек классов)
           object = CDATA (сериализованный аплет)
           name = CDATA (имя аплета для взаимодействия с другими аплетами)
           alt = текст (альтернативный текст)
           align = top | middle | bottom | left |right (выравнивание аплета)
           hspace = пиксели (горизонтальный промежуток)
           vspace = пиксели (вертикальный промежуток)
Поддержка: Internet Explorer Атрибуты archive и object игнорируются (5.0+)
           Netscape Navigator Атрибут object игнорируется (4.0+)

Элемент APPLET описывает аплет на языке Java. Его содержимым являются один или несколько элементов PARAM, за которыми следуют блочные и/или текстовые элементы, которые отображаются, если указанный аплет не удается запустить. Этот морально устаревший элемент следует заменять на элемент OBJECT, который имеет все атрибуты данного элемента, но является более общим. Пример: следующий морально устаревший фрагмент HTML-кода

<APPLET code="Animate.class" width="100" height="100">
  <PARAM name="img1" VALUE="/images/1.jpg">
  <PARAM name="img2" VALUE="/images/2.jpg">
  <IMG src="animation.gif" alt="" width="100" height="100">
</APPLET>

следует заменить на

<OBJECT classid="java:Animate.class" codetype="application/java"
  width="100" height="100">
  <PARAM name="img1" VALUE="/images/1.jpg">
  <PARAM name="img2" VALUE="/images/2.jpg">
  <IMG src="animation.gif" alt="" width="100" height="100">
</OBJECT>

Базовый шрифт: элемент BASEFONT

Синтаксис: <BASEFONT> (конечного тега и содержимого нет)
Атрибуты:  id
           size = CDATA (размер шрифта)
           color = цвет (цвет шрифта)
           face = CDATA (гарнитура шрифта)
Поддержка: Internet Explorer Соответствует стандарту (5.0+)
           Netscape Navigator Атрибуты id, color и face игнорируются (4.0+)

Элемент BASEFONT изменяет параметры базового шрифта, т. е. влияет на внешний вид всех последующих за ним элементов, кроме заголовков. Обязательным атрибутом является size, который может принимать значения от 1 до 7 (по умолчанию он равен 3). Вместо использования этого морального устаревшего элемента следует пользоваться таблицами стилей.

Горизонтальное центрирование: элемент CENTER

Синтаксис: <CENTER>…</CENTER> (блочный элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Соответствует стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (4.0+)

Элемент CENTER определяет блок, содержимое которого центрируется обозревателями по горизонтали. Этот морально устаревший элемент следует заменять на эквивалентную конструкцию <DIV style="text-align: center">…</DIV>.

Каталожный список: элемент DIR

Синтаксис: <DIR>…</DIR> (блочный элемент)
Атрибуты:  id, class, style, title, события
Поддержка: Internet Explorer Соответствует стандарту (5.0+)
           Netscape Navigator Атрибут title игнорируется (4.0+)

Элемент DIR (directory list) определяет каталожный список, состоящий из элементов списка LI. Этот морально устаревший элемент следует заменять на элемент UL.

Задание шрифта: элемент FONT

Синтаксис: <FONT>…</FONT> (блочный элемент)
Атрибуты:  id, class, style, title, lang, dir, события
           size = CDATA (размер шрифта)
           color = цвет (цвет шрифта)
           face = CDATA (гарнитура шрифта)
Поддержка: Internet Explorer Соответствует стандарту (5.0+)
           Netscape Navigator Атрибуты title, class, id, dir и lang игнорируются (4.0+)

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

Ввод строки текста: элемент ISINDEX

Синтаксис: <ISINDEX> (конечного тега и содержимого нет)
Атрибуты:  id, class, style, title, lang, dir, события
           prompt = текст (метка поля ввода)
Поддержка: Internet Explorer Атрибуты title, dir и lang игнорируются (5.0+)
           Netscape Navigator Атрибуты title, dir и lang игнорируются (4.0+)

Элемент ISINDEX определяет ввод одной строки текста. Этот морально устаревший элемент следует заменять на элемент INPUT, например

<ISINDEX prompt="Введите искомый текст:">

следует заменить на

<FORM action="URI документа, содержащего ISINDEX" method="get">
  <P>Введите искомый текст: <INPUT type="text"></P>
</FORM>

Список меню: элемент MENU

Синтаксис: <MENU>…</MENU> (блочный элемент)
Атрибуты:  id, class, style, title, события
Поддержка: Internet Explorer Соответствует стандарту (5.0+)
           Netscape Navigator Атрибут title игнорируется (4.0+)

Элемент MENU (menu list) определяет список меню, состоящий из элементов списка LI. Этот морально устаревший элемент следует заменять на элемент UL.

Перечеркнутый текст: элементы S и STRIKE

Синтаксис: <S>…</S> (текстовый элемент)
           <STRIKE>…</STRIKE> (текстовый элемент)
Атрибуты:  id, class, style, title, события
Поддержка: Internet Explorer Соответствует стандарту (4.0+)
           Netscape Navigator Соответствует стандарту (3.0+)

Элементы S и STRIKE являются синонимами и указывают, что содержащийся в них текст должен быть перечеркнут при отображении. Эти морально устаревшие элементы следует заменять на эквивалентную конструкцию <SPAN style="text-decoration: line-through">…</SPAN>.

Подчеркнутый текст: элемент U

Синтаксис: <U>…</U> (текстовый элемент)
Атрибуты:  id, class, style, title, события
Поддержка: Internet Explorer Соответствует стандарту (4.0+)
           Netscape Navigator Соответствует стандарту (3.0+)

Элемент U указывает, что содержащийся в нем текст должен быть подчеркнут при отображении. Этот морально устаревший элемент следует заменять на эквивалентную конструкцию: <SPAN style="text-decoration: underline">…</SPAN>.

Нестандартные элементы

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

Вложенные объекты: элемент EMBED

Синтаксис: <EMBED> (блочный элемент, конечного тега и содержимого нет)
Атрибуты:  id, class, style, title, события
           code = CDATA (имя файла, содержащего Java-аплет)
           src = URI (URI загружаемого файла)
           width = размер (ширина окна объекта)
           height = размер (высота окна объекта)
           units = px | em (единица измерения высоты и щирины)
           name = CDATA (имя аплета)
           alt = текст (альтернативный текст)
           align = top | middle | bottom | left |right (выравнивание объекта)
           hspace = пиксели (горизонтальный промежуток)
           vspace = пиксели (вертикальный промежуток)
           pluginspage = URI (URI загружаемого модуля)
           accesskey = символ (имя клавиши быстрого доступа)
           tabindex = число (номер в порядке нажатия табуляции)
Поддержка: Internet Explorer Соответствует описанию (5.0+)
           Netscape Navigator Атрибуты style, title, accesskey и tabindex игнорируются (4.0+)

Элемент EMBED (embedded) описывает вложенный объект. Первоначально он был введен для загрузки аудиофайлов, а затем был расширен на любые файлы нестандартных типов. Этот элемент следует заменять на более общий элемент OBJECT, атрибуты которого зависят от типа загружаемого объекта.

Текст без разрывов строк: элемент NOBR

Синтаксис: <NOBR>…</NOBR> (текстовый элемент)
Атрибуты:  id, style, title, события
Поддержка: Internet Explorer Соответствует описанию (4.0+)
           Netscape Navigator Атрибуты style и title игнорируются (4.0+)

Элемент NOBR (no break) указывает, что содержащийся в нем текст должен отображаться без разрывов строк. Это полезный нестандартный элемент, поскольку он не имеет замены стандартными средствами. Согласно стандартам, его следует заменять на свойство стилей white-space: nowrap, но оно не поддерживается современными обозревателями. См. также элемент WBR.

Мягкий разрыв строки: элемент WBR

Синтаксис: <WBR> (конечного тега и содержимого нет)
Атрибуты:  id
Поддержка: Internet Explorer Соответствует описанию (4.0+)
           Netscape Navigator Соответствует описанию (4.0+)

Элемент WBR (word break) употребляется только внутри элемента NOBR и указывает, что в этом месте возможен разрыв строки. Это полезный нестандартный элемент, поскольку он не имеет замены стандартными средствами.

Морально устаревшие атрибуты

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

Таблица П10.1. Морально устаревшие атрибуты HTML
Атрибут HTML В элементе Свойство CSS Описание
align = top | bottom | left | right CAPTION caption-side: top | bottom | left | right выравнивание относительно таблицы
align = top | middle | bottom | left | right APPLET, IFRAME,
IMG, INPUT, OBJECT
vertical-align: top | middle | bottom; float: left | right вертикальное или горизонтальное выравнивание
align = top | bottom | left | right LEGEND нет выравнивание относительно FIELDSET
align = left | center | right HR, TABLE <DIV style="text-align: left | center | right">…</DIV> выравнивание относительно окна
align = left | center | right | justify DIV, H1 — H6, P text-align: left | center | right | justify выравнивание текста
alink = цвет BODY A:active { color: цвет } цвет активной гиперссылки
background = URI BODY BODY { background-image: url(URI) } файл фона документа
bgcolor = цвет BODY BODY { background-color: цвет } цвет фона документа
bgcolor = цвет TABLE, TR, TD, TH background-color: цвет цвет фона элемента
border = пиксели IMG, OBJECT border-width: thin | medium | thick | размер ширина рамки
clear = none | left | right | all BR clear: none | left | right | both тип обтекания текста
color = цвет BASEFONT, FONT color: цвет цвет шрифта
compact = compact DIR, DL, MENU, OL, UL list-style-position: inside компактное отображение списков
face = CDATA BASEFONT, FONT font-family: список строк через запятую гарнитура шрифта
height = размер APPLET, TD, TH height: размер высота элемента
hspace = пиксели APPLET, IMG, OBJECT margin-left: размер;
margin-right: размер
горизонтальный промежуток
language = CDATA SCRIPT нет язык сценария
link = цвет BODY A:link { color: цвет } цвет гиперссылок
noshade = noshade HR нет отображение сплошным цветом
nowrap = nowrap TD, TH white-space: nowrap без переноса слов на новую строку
size = пиксели HR height: размер высота разделителя
size = CDATA BASEFONT, FONT font-size: число размер шрифта
start = число OL нет начальный номер элементов списка
text = цвет BODY BODY { color: цвет } цвет текста документа
type = 1 | a | A | i | I OL list-style-type: decimal |
lower-latin | upper-latin |
lower-roman | upper-roman
тип нумерованного списка
type = disc | square | circle UL list-style-type: disc|
square | circle
тип маркированного списка
type = disc | square | circle | 1 | a | A | i | I LI list-style-type: disc |
square | circle | decimal |
lower-latin | upper-latin |
lower-roman | upper-roman
тип маркера элемента списка
value = число LI нет изменение нумерации элементов списка
version = CDATA HTML нет версия языка HTML
vlink = цвет BODY A:visited { color: цвет } цвет посещенных гиперссылок
vspace = пиксели APPLET, IMG, OBJECT margin-top: размер; margin-bottom: размер вертикальный промежуток
width = размер APPLET, HR, TD, TH width: размер ширина элемента
width = число PRE width: размер ширина текста