Описания тегов HTML 3.2

Индексы и надписи

*A *ADDRESS *APPLET *AREA *B *BASE *BASEFONT *BIG *BLOCKQUOTE *BODY *BR *CAPTION *CENTER *CITE *CODE *DD *DFN *DIR *DIV *DL *DT *EM *FONT *FORM *H1 *H2 *H3 *H4 *H5 *H6 *HEAD *HR *HTML *I *IMG *INPUT *ISINDEX *KBD *LI *LINK *MAP *MENU *META *OL *OPTION *P *PARAM *PRE *SAMP *SCRIPT *SELECT *SMALL *STRIKE *STRONG *STYLE *SUB *SUP *TABLE *TD *TEXTAREA *TH *TITLE *TR *TT *U *UL *VAR

Структуры описания тега могут быть сведены к нижеследующему:

• Заголовок (heading), содержащий имя тега и короткое описание его значения, а также, если необходимо, констатацию того факта, что такого тега нет в HTML 2.0.

• Короткое описание назначения тега.

• Словесное описание типичного отображения графическими Web броузерами.

• Описание основного синтаксиса (без атрибутов, за исключением обязательных или очень распространенных).

• Возможные атрибуты с указанием их смысла и возможных значений - в табличном виде.

• Допустимый контекст, т.е. спецификация, которая говорит об окружении, в котором может появиться элемент.

• Допустимое содержимое элемента, т.е. элементы (или другие конструкции), которые могут появиться между начальным и конечным тегами. Если содержимое определяется, как ничего, элемент является так называемым пустым, который либо ничего не требует, либо реализуется без конечного тега и без какого-либо содержания.

• Примеры. Сначала - простые, показывающие самое основное и простое использование с "умолчанием обо всем", затем более сложный пример (если возможно), демонстрирующий необязательные возможности и т.д. Большинство примеров кодов HTML, представлены, как отдельные абзацы шрифтом одного размера, причем перед этим примером приведено его название в виде, подобном Пример PRE-1.html, действующее как связь к документу, содержащему код и позволяющий читателю посмотреть, как пример выглядит на его броузере и в его программном окружении. Обратите внимание, что само отображение примера не предусмотрено в этом документе; это сделано намеренно, чтобы дать четкое различие между HTML структурой и ее видимым представлением с использованием того или иного броузера.

• Полезные примечания об использовании тега. Суть их определяется вопросами типа "должен ли я использовать только этот тег, или вместо него можно использовать некоторые другие", и связана с освещением различных практических аспектов с большим углублением в технические детали. Примечания могут включать предупреждения о типичном неверном использовании элементов HTML и распространенных ошибках.

В представленном материале не обсуждаются элементы XMP, LISTING, и PLAINTEXT. Сейчас они устарели и не используются, вместо них должен использоваться элемент PRE.

A - якоря (anchors), гиперсвязи (hyperlinks), и т.д.

Цель

Чтобы установить гиперсвязи (hyperlinks) и "якоря" (anchors) для них, т.е. определить, какое слово или другая конструкция в документе обеспечивает связь с ресурсом (например, с файлом HTML), или специфицировать, что текущее место экрана может использоваться с данным именем, как флажок для таких связей (в том же или другом документе).

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

Типичное представление

A-элемент в программе из вида <A HREF="цель">текст якоря</A> преобразуется при выводе на экран так, что текст якоряпредставляется способом, выделяющим его из другого текста (например, подчеркиванием или подсветкой).

Пользователь может выбрать текст якоря (способом, принятым в броузере, используя, например, клавишу, изображающую стрелку, для перемещения курсора с последующим нажатием на клавишу "enter" для отбора, или мышку для перемещения курсора с последующим "кликанием" кнопки на отобранном месте). В этом случае документ или локальный участок в документе, специфицированные флажком (target), если они доступны и их можно использовать, должны быть выбраны и представлены пользователю в этом же или другом окне экрана.

При этом нет автоматического перевода строки или подобных действий; то есть текст якоря может быть частью обычного текста в документе.

Представление текстов якоря во многих броузерах определяется действиями пользователя. Это зависит от того, посетил пользователь текст якоря или нет. На это также влияют атрибуты LINK и VLINK в элементе BODY. В документе в зависимости от типа броузера и его установок текст якоря может быть нормальным, подчеркнутым текстом или текстом типа примечания.

Если текст якоря есть (или включает) элемент IMG, броузер обычно показывает этот элемент, как связь от обведенного цветной (чаще - голубой) рамкой изображения. Ширина и существование такой рамки может задаваться атрибутом BORDER элемента IMG.

A-элементы, содержащие какие-либо атрибуты, не влияют на отображение документа (исключение составляет атрибут HREF).

Основной синтаксис

<A HREF="цель">текст якоря</A>

или

<A NAME="имя"></A>

Возможные атрибуты

Значение атрибута TITLE может быть использовано, например:

• для предварительного вывода назначенного ресурса, типа заметок на полях или маленького прямоугольника, когда мышь "ходит" поверх якоря или пока документ загружается

• как название окна для ресурсов, которые не включают заголовок, например, график или простой текст

• как тема e-mail сообщения, когда предпочтение отдается элементу A по сравнению с mailto: URL

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Включает большинство HTML элементов.

Содержимое

Текстовые элементы. Заметим, что они включают элемент IMG (изображение может быть представлено, как "текст якоря"), но не могут содержать заголовки (headings) (A-элемент может быть в пределах заголовка, но не наоборот).

Примеры

Пример A.html:

<P>A hyperlink referring to a document in the same directory as the 
current one: 
<A HREF="ADDRESS.html">../../examples of using ADDRESS tag</A>. 
<P>A hyperlink referring to a document elsewhere: 
<A HREF="http://www.hut.fi/english.html">HUT</A>. 
<P>A hyperlink in which the link text contains markup: 
<a href="http://www.iki.fi/oa/HTML/"><cite>The HTML test set</cite></a> 
<p>A hyperlink referring to a label in the same document: 
<A HREF="#final">final example</A>. 
<P>A hyperlink referring to a label in another document: 
<A HREF="http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerP2.html#UR"> 
URL info in HTML Primer</A> 
<P>A link to an image: 
<A HREF="http://www.hut.fi/~jkorpela/perhe.jpg">a family picture</A>. 
<P><A NAME="final">Finally, this is just text to 
which you can refer with a hyperlink.</A> 

Примечания

Смотрите общее обсуждение изображений, формул и т.д., которое содержит дополнительные примеры.

По поводу ISMAP смотрите примеры IMG.

Не используйте текстовое представление якоря, предлагая фразу типа Нажмите здесь. Это выглядит чрезвычайно глупо, например, в бумажной копии документа. Уоррен Стиил говорит в Советах для авторов Web:

Вам не нужно говорить "Нажми здесь" для того, чтобы дать информацию о Ваших университетских программах. Всего лишь укажите связь от слов, которые Вы могли бы сказать: "Наши выдающиеся университетские программы...". Связи к большим файлам или неизвестным форматам должны помечаться особым образом, например: "Наша волнующая боевая песня (400k .au)..."

Пренебрежение кавычками (quotes) и пропуск их в атрибуте HREF является достаточно распространенной ошибкой. Некоторые броузеры приспособлены к пониманию этого, другие - нет (связь может не работать совсем).

Вы не можете вложить A элемент, но можете записать его для использования с двойной целью - как HREF и как NAME атрибуты, например, <A NAME="foo" HREF="#bar">zap</A>

В NAME элементе имя может быть только текстовым элементом и является частью документа, а точнее - частью между начальным и конечным тегами. Большинство броузеров интерпретируют элемент A NAME так, что он производит локализацию (определение места) в документе, а именно - локализацию начального тега, оставляя позицию конечного тега неопределенной. (При этом, конечный тег </A> - обязателен!)

ADDRESS (АДРЕС) - информация об авторе информации

Цель

Предоставить контактную информацию об авторе текущего документа (т.е. документа, в котором находится элемент).

Типичное представление

Типичное представление требует завершение абзаца до и после элемента. Но для Netscape это необязательно (для примера см. ниже). Для представления броузеры используют некоторый специальный шрифт типа курсив.

Основной синтаксис

<ADDRESS>адресная информация<ADDRESS>

Возможные атрибуты

Никаких.

Допустимый контекст

Блоковый контейнер.

Содержимое

Текстовые элементы и P.

Примеры

Очень простая адресная информация, содержащая только E-mail адрес (адрес электронной почты) автора:

Пример ADDRESS-1.html:

<ADDRESS> 
<P> 
Jukka.Korpela@hut.fi 
</P> 
</ADDRESS> 

Также можно написать только имя автора, но так, чтобы была установлена связь с его домашней страницей (home page), содержащей дополнительную информации. Это больше подходит для коротких документов, умещающихся на одном экране.

Пример ADDRESS-2.html:

<ADDRESS> 
<P> 
<A HREF="http://www.hut.fi/~jkorpela/">Jukka Korpela</A> 
</P> 
</ADDRESS> 

Подлиннее, более типичный пример:

Пример ADDRESS-3.html:

<ADDRESS> 
<P> 
Jukka Korpela, M.S. (Math.<)BR> 
Helsinki University of Technology Computing Centre<BR> 
FIN-02150 Espoo<BR> 
Finland 
</P>
<P> 
Telephone International +358 9 451 4319 
</P>
<P> 
Electronic mail (Internet): 
<A HREF="mailto:Jukka.Korpela@hut.fi">Jukka.Korpela@hut.fi</A><BR>
WWW home page: 
<A HREF="http://www.hut.fi/%7Ejkorpela/">http://www.hut.fi/%7Ejkorpela/</A> 
</P> 
</ADDRESS> 

Примечания

В Руководстве NCSA для начинающих работу с HTML сообщается, что элемент ADDRESS лучше не использовать для почтовых адресов, однако в HTML 2.0 спецификации об этом не упоминается, и приведенный выше пример иллюстрирует использование элемента ADDRESS для задания почтового адреса.

Некоторые броузеры, включая Netscape, не используют переход на новый абзац (выделение абзацев), когда отображают ADDRESS. Поэтому можно посоветовать использовать теги P вокруг адресной информации, хотя, в принципе, они не являются необходимыми. С тех пор, как P разрешено использовать в пределах ADDRESS, (но не наоборот!) используйте тот же стиль, что и в вышеприведенных примерах.

Когда записываете адресную информацию, желательно следовать применяемым стандартам. В частности, когда приводите телефонные номера, пожалуйста, следуйте рекомендациям CCITT под номером E.123.

Сам тег ADDRESS не создает связи, поэтому чтобы обеспечить связь, например, к авторской домашней странице или почтовую связь к адресу E-mail (адресу электронной почты), используйте обычный тег A с атрибутом HREF (в пределах структуры ADDRESS или вне ее). Смотри также: элементы META и LINK с атрибутом REV.

Не забудьте добавить теги BR для перевода строки.

APPLET - Java апплеты (Нет в HTML 2.0!)

Цель

Внедрение (вставка) Java апплетов в HTML документ.

Типичное отображение

Если броузер приспособлен к использованию Java апплетов, он может запустить апплет на исполнение. Если нет - он высвечивает содержимое (после элемента PARAM) апплета, или строку, специфицируемую в атрибуте ALT.

Основной синтаксис

<APPLET CODE="имя апплет-файла" WIDTH=m HEIGHT=n ALIGN=выравнивание> текстовое описание </APPLET>

Возможные атрибуты

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Включает большинство элементов HTML.

Содержимое

Ноль или более элементов PARAM, за которыми следует ноль или более элементов текста.

Назначение и использование элементов текста в содержимом точно не определено. В HTML 3.2 Ссылочной спецификации приводится следующее пояснение:

Содержимое APPLET элементов должно использоваться для альтернативного представления апплета для программ просмотра, которые не поддерживают Java. Java-приспособленные броузеры игнорируют этот HTML код. Вы можете использовать PARAM, чтобы показать кадр выполнения апплета с текстовыми пояснениями о том, что делает апплет. И еще одна область применения элемента PARAM - обеспечить связь со страницей, на которой находится информация для броузеров, не поддерживающих Java.

Заметьте, что текстовые элементы в содержимом и атрибут ALT в начальном теге - два способа вывести что-то вместо апплета. Здесь есть два отличия: значение ALT - простая строка, в то время как элементы могут содержать разметку текста; и атрибут ALT не дает эффекта, если броузер совсем не знает элемента APPLET, тогда как такие же броузеры должны обработать текстовые элементы в содержимом - они просто игнорируют начальный и конечный теги APPLET и PARAM.

Примеры

Простой пример:

<APPLET CODE="Bubbles.class" WIDTH=500 HEIGHT=500 ALIGN=MIDDLE> 
Java applet that draws animated bubbles. 
</APPLET> 

Более сложный пример, использующий PARAM элемент:

<APPLET CODE="AudioItem" WIDTH=15 HEIGHT=15 ALIGN=TOP> 
<PARAM NAME=snd VALUE="Hello.au|Welcome.au"> 
Java applet that plays a welcoming sound. 
</APPLET> 

Следующий пример, иллюстрирующий использование CODEBASE:

<APPLET CODEBASE="applets/NervousText" 
   CODE="NervousText.class" 
   WIDTH=300 
   HEIGHT=50> 
<PARAM NAME=TEXT VALUE="Java is Cool!"> 
<IMG SRC="sorry.gif" ALT="This looks better with Java support"> 
</APPLET> 

Примечания

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

AREA (ОБЛАСТЬ) - область в реагирующей на нажатие клавиши схеме (MAP) (Нет в HTML 2.0!)

Цель

Для определения области ("горячей зоны") в реагирующей на нажатие клавиши схеме.

Типичное представление

Видимого эффекта нет, но когда пользователь "кликнет" в специфицированной области, идет обращение к документу, упомянутому в элементе AREA.

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

Основной синтаксис

<AREA HREF="URL" COORDS="x1, y1, x2, y2">

Возможные атрибуты

Значения SHAPE и синтаксис и семантика COORDS для каждой формы следующие:

 

SHAPE значение	форма области	синтаксис COORDS	значения COORDS
SHAPE=RECT	прямоугольник	COORDS="x1, y1, x2, y2"	x и y задают координаты верхнего левого и нижнего правого углов
SHAPE=CIRCLE	круг	COORDS="x0, y0, r"	x и y - координаты центра, r - радиус
SHAPE=POLY	многоугольник	COORDS="x1, y1, x2, y2, x3, y3, ..."	x и y - координаты вершин

Значения x и y координат измеряются в пикселях от верхнего левого угла соответствующего образа. Это означает, что значение y возрастает вниз.

В альтернативном варианте x или y могут быть также определены в процентах, со знаком процентов, добавляемым к числу, причем проценты берутся соответственно относительной ширине или высоте образа. Пример:

SHAPE=RECT COORDS="0, 0, 50%, 100%" 

Примеры различных форм:

SHAPE=RECT COORDS="0, 0, 9, 9"	прямоугольник 10 на 10 пикселей в верхнем левом углу изображения
SHAPE=CIRCLE COORDS="10, 10, 5"	круг с радиусом в 5 пикселей и центром, расположенном в точке (10, 10)
SHAPE=POLY COORDS="10, 50, 15, 20, 20, 50"	многоугольник (в данном случае, треугольник) с координатами вершин (10, 50), (15, 20) и (20, 50)

Допустимый контекст

MAP элемент.

Содержимое

Ничего.

Примеры

<AREA HREF="guide.html" ALT="Guide" COORDS="0, 0, 118, 28"> 

Примечания

Если два или более региона перекрываются, регион, определенный первым в схеме (MAP) имеет преимущество перед последующими регионами. Это означает, что элементы AREA с атрибутом NOHREF должны устанавливаться прежде элементов с атрибутом HREF.

Проектная версия HTML 3.2 содержала DEFAULT, как возможное значение атрибута SHAPE, для использования при спецификации, когда пользователь отбирает точку, которая не принадлежит какой-нибудь области, специфицированной в другом элементе AREA. Это было удалено из окончательного варианта спецификаций. Тот же эффект можно получить используя SHAPE=RECT COORDS="0, 0, 100%, 100%". Такой элемент AREA должен быть последним в пределах элемента MAP.

Атрибут ALT используется, чтобы показывать текстовые метки, которые могут высвечиваться в строке статуса, когда мышь или другое устройство управления курсором находится над горячей зоной, или же для создания текстовой строки для неграфической программы просмотра. Настоятельно рекомендуется использовать атрибут ALT. Заметим, что значение должно быть только строкой без разметки текста.

B - жирный шрифт

Цель

Представить текст выделенным (жирным) шрифтом.

Типичное представление

Выделенное (жирным шрифтом). См. общие примечания к отображению разметки.

Основной синтаксис

<B>текст</B>

Возможные атрибуты

Никаких.

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать элементы текста. Это включает большинство элементов HTML. Элементы текста могут быть вложенными.

Содержимое

Элементы текста. Заметим, что не разрешается перевод (прерывание) абзаца.

Примеры

Пример B-1.html:

Compare <B>bolded text</B> with normal text.

Примечания

Избегайте использования элемента B. Вместо него используйте логическую разметку, например, элементы EM или STRONG для подчеркивания.

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

BASE - базовый, основной URL

Цель

Задание базового URL для относительных URL в документе (например, в атрибутах HREF элемента A). Этот элемент часто используется для отображения документов.

Например, у нас задан:
<BASE href="http://foo.com/index.html">
и элемент IMG:
<IMG SRC="images/bar.gif">
Это приведет к формированию следующего адреса изображения
http://foo.com/images/bar.gif

Типичное отображение

Никакое. Элемент BASE непосредственно не отображается в документе.

Основной синтаксис

<BASE HREF="URL">

Возможные атрибуты

Допустимый контекст

Элемент заголовка (HEAD), в котором может быть только один элемент BASE.

Содержимое

Никакое.

Пример

<BASE HREF="http://www.hut.fi/~jkorpela/"> 

То есть, связь
<A HREF="lists.html">list ../../examples</A>
эквивалентна
<A HREF="http://www.hut.fi/~jkorpela/lists.html">list ../../examples</A>

Примечания

Так как в документе допускается только один элемент BASE, Вы не можете иметь различные базовые URL в различных частях файла HTML.

При отсутствии элемента BASE в документе URL самого документа становится базовым в пределах документа. (Это не является необходимым, так как базовый URL может быть перекрыт HTTP заголовком соответствующего документа.)

Советуется заключать URL в кавычки, хотя это не всегда обязательно.

Не забывайте слэш "/". Все, что следует за последним слэшем в URL в элементе BASE интерпретируется, как принадлежащее части имени файла и игнорируется. Нижеследующее является эквивалентом элемента BASE в примере приведенном выше:
<BASE HREF="http://www.hut.fi/~jkorpela/foobar">
Несмотря на то, что следующие строки эквивалентны, первый вариант написания не совсем правильный:
<BASE HREF="http://www.hut.fi/~jkorpela">
<BASE HREF="http://www.hut.fi/">

BASEFONT (БАЗОВЫЙ ШРИФТ) - размер базового шрифта (Нет в HTML 2.0!)

Цель

Спецификация размера основного шрифта (относительно других размеров).

Типичное отображение

BASEFONT устанавливает основной размер шрифта, применяемый к обычному и предварительно отформатированному тексту, но не к заголовкам, за исключением тех, которые модифицируются с использованием элемента FONT с указанием относительного размера шрифта (например, FONT SIZE=+1).

Действие этого элемента распространяется не на все. В Netscape, к примеру, BASEFONT не влияет на размер шрифта в пределах таблицы. (Таким образом, чтобы установить размер шрифта в пределах таблицы, Вы должны вставить элемент изменения шрифта в каждую ячейку!)

Действительные размеры шрифта устанавливаются в зависимости от броузера. Смотрите примечания об отображении элемента FONT.

Основной синтаксис

<BASEFONT SIZE=n>

Возможные атрибуты

Из HTML 3.2 Ссылочных спецификаций не явствует, должен ли атрибут SIZE следовал тем же правилам, что и в элементе FONT, или он должен быть представлен, как целое без знака.

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство HTML элементов. Элементы текста могут быть вложенными.

Содержимое

Никакое.

Примеры

Пример BASEFONT-1.html:

<P>This is text with default font size (3).</P> 
<BASEFONT SIZE=5> 
<P>This is text with font size 5 with <FONT SIZE=1>some text</FONT> 
inserted with font size 1.</P> 

Примечания

Избегайте использования элемента BASEFONT по причинам, объясненным при обсуждении разметки текста.

Используйте элемент FONT, а еще лучше SMALL или BIG, чтобы установить размер шрифта локально (заметим, что перевод абзаца не разрешен в пределах FONT.)

BASEFONT может быть глобальной копией для FONT с SIZE, также как BODY с TEXT - для FONT с COLOR.

BIG (БОЛЬШОЙ) - большой шрифт (Нет в HTML 2.0!)

Цель

Представление текста большим шрифтом.

Типичное представление

Больше, чем нормальный шрифт. Смотрите общие примечания по отображению разметки.

Основной синтаксис

<BIG>текст</BIG>

Возможные атрибуты

Никаких.

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство HTML элементов. Элементы текста могут быть вложенными.

Содержимое

Текстовые элементы. Заметим, что перевод абзаца не допускается.

Примеры

Пример BIG-1.html:

That was a <BIG>big</BIG> mistake!

Примечания

Избегайте использования BIG. Вместо него вставляйте логическую разметку. В частности, для подчеркиваний используйте элементы EM или STRONG.

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

Не определено, что получится, если элементы BIG будут вложены. Это может дать, а может и не дать шрифт, больший, чем при использовании одного BIG.

Элемент FONT предоставляет множество вариантов для задания различных размеров шрифта.

BLOCKQUOTE (БЛОК ЦИТИРОВАНИЯ) - длинное цитирование

Цель

Представить (в типовом варианте - длинную) цитату, как блок цитирования (в противоположность коротким цитатам, вставленным в текст абзаца).

Типичное отображение

Как отдельный абзац (или последовательность абзацев). Часто с отступом (возможным как слева, так и справа). Часто - шрифтом, отличным от простого текста, обычно - курсивом.

Основной синтаксис

<BLOCKQUOTE>
текст цитаты
</BLOCKQUOTE>

Возможные атрибуты

Никаких.

Допустимый контекст

Контейнер блока.

Содержимое

Заголовки, текстовые элементы, блоковые элементы и элементы ADDRESS.

Примеры

Пример BLOCKQUOTE.html:

<P>The original context of the saying <I>O tempora, o mores</I> is the 
following:</P> 
<BLOCKQUOTE> 
<P> 
O tempora, o mores! 
Senatus haec intellegit. consul videt; hic tamen vivit. 
Vivit? immo vero etiam in senatum venit, fit publici consilii particeps, 
notat et designat oculis ad caedem unum quemque nostrum. 
</P> 
<P ALIGN=RIGHT> 
<A HREF="http://www.dla.utexas.edu/depts/classics/documents/Cic.html">
 Cicero</A>, 
<A HREF="http://www.dla.utexas.edu/depts/classics/documents/cat1.html"> 
<CITE>Oratio in Catilinam Prima</CITE></A>, 2 
</P> 
</BLOCKQUOTE> 

Примечания

Цитирование - это точное копирование чьих-то слов. Если Вы излагаете чью-то речь собственными словами - это уже не цитирование, и должно быть представлено как простой текст (без какой-либо специальной разметки).

BLOCKQUOTE - блоковый элемент, поэтому он используется для относительно длинных цитат. Что касается коротких цитат, их лучше представлять используя разметку текстового уровня. В особых случаях Вы можете использовать CODE, SAMP, KBD или CITE, однако лучше обратиться к специфицированию физического представления, например к использованию курсива или кавычек - согласно Вашим представлениям и требованиям языка, который Вы используете. (В HTML 3.2 не существует общего элемента текстового уровня для цитирования, главным образом потому, что правила цитирования в разных языках различны.)

Если важно, чтобы текст выводился так, как он написан (с разделением на строки и использованием знаков пробелов и табуляции), можно использовать PRE.

Когда описывается человеко-машинное взаимодействие, используйте специальные элементы CODE, SAMP и KBD для цитирования программного кода, листингов программ или ввода с клавиатуры.

Не используйте BLOCKQUOTE, чтобы получить отступы. Броузер может и не показывать их при представлении текста.

Хорош тоном считается специфицировать источник цитирования, иногда это даже требуется законом (копирайт). Поэтому, если это возможно, обеспечьте связь к источнику документа на Web в добавление к спецификации источника в тексте.

Сам элемент BLOCKQUOTE не предоставляет структурированный способ задания источника информации. В представленном выше примере приведен один из способов, как можно это сделает.

Если Вам не нравится шрифт, используемый броузером для представления содержимого элемента BLOCKQUOTE, чтобы изменить его можно использовать таблицы стиля. Например, для усиления используйте I элемент, помня при этом, что как текстовый элемент, он не разрешает перевод абзаца в пределах BLOCKQUOTE, так что Вы должны использовать отдельный элемент I в каждом абзаце.

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

BODY (ТЕЛО) - тело документа

Цель

Основная структура документа HTML всегда состоит из заголовка и тела. Нет необходимости явно помещать тело в BODY элемент, однако делая так, можно специфицировать атрибуты, влияющие на представление документа в целом (например, установить фоновое изображение или цвет).

Типичное отображение

Если элемент BODY не содержит атрибуты, использование его не дает явного эффекта в непосредственном отображении документа.

Основной синтаксис

<BODY>тело документа</BODY>

Возможные атрибуты (Нет в HTML 2.0!)

Допустимый контекст

HTML элемент, который может быть либо подразумеваемым, либо явным. Только один элемент BODY разрешен в документе, и он должен находится после элемента HEAD (который тоже может быть как подразумеваемым, так и явным).

Содержимое

Заголовки, текстовые элементы, блоковые элементы и элементы ADDRESS.

Примеры

Пример BODY-1.html:

<BODY> 
<H1>Sample document</H1> 
<P> This is just a trivial sample document. Its body contains first a heading, 
then a paragraph, and nothing else. 
</P> 
</BODY> 

Пример BODY-2.html:

<BODY 
BGCOLOR=AQUA 
TEXT="#848484" 
LINK=RED 
VLINK=PURPLE 
ALINK=GREEN 
> 
<H1>Sample document</H1> 
<P> This is also a trivial sample document. Its body contains first a heading, 
then a paragraph, and then a paragraph containing a link. However, the BODY 
element uses attributes to affect the visual rendering. 
</P> 
<P> This document was written by 
<A HREF="http://www.hut.fi/~jkorpela/">Jukka Korpela</A>. 
</P> 
</BODY> 

Пример BODY-3.html:

<BODY 
TEXT=BLUE 
LINK=RED 
VLINK=BLUE ALINK=PINK 
BACKGROUND="http://www.hut.fi/~jkorpela/HTML3.2/wave.gif" 
> 
<H1>Sample document</H1> 
<P> 
This document contains first a heading, then a paragraph, and then a 
paragraph containing a link. However, the BODY element uses 
attributes to affect the visual rendering, including a background image. 
</P> 
<P> 
This document was written by 
<A HREF="http://www.hut.fi/~jkorpela/">Jukka Korpela</A>. 
</P> 
</BODY> 

Примечания

В документе разрешен только один элемент BODY.

Будьте внимательны, когда выбираете цвета для документа. То, что выглядит приятно на Вашем экране, может быть неразличимо на другом.

Если Вы устанавливаете какие-то из атрибутов BGCOLOR, TEXT, LINK, VLINK или ALINK, то устанавливайте их все. Иначе, например, специфицированный Вами фоновый цвет может совпасть с пользовательским цветом для текста по умолчанию.

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

Цвет текста можно изменять локально с помощью элемента FONT с атрибутом COLOR. Однако цвет фона нельзя установить локально, поэтому если Вы хотите использовать отдельные фоновые образы, Вы должны создать отдельные HTML файлы (или использовать таблицы стилей).

В элемента BODY Вы можете задать как BGCOLOR, так и BACKGROUND. В этом случае обычно броузер отдает предпочтение BACKGROUND, но если изображение фона невозможно загрузить, будет использовано BGCOLOR.

BR - перевод строки

Цель

Выполниться перевод строки.

Типичное отображение

Перевод строки (но не абзаца).

Основной синтаксис

<BR>

Возможные атрибуты

Атрибут CLEAR может быть использован, чтобы передвинуть перемещаемый образ на другой край. <BR CLEAR=LEFT> передвинет образ к левому краю, <BR CLEAR=RIGHT> - к правому краю, в то время как <BR CLEAR=ALL> сделает то же самое и к левому и к правому краям одновременно.

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML.

Содержимое

Никакое.

Примеры

Типичный пример, где элемент BR использован для перевода некоторого текста на новую строку:

Пример BR-1.html:

<P> 
You should always end the terminal session with the command 
<BR> 
logout 
<BR> 
or some other operation with the same effect. 
</P> 

Примечания

Смотрите также разделение на строки и использование символов пробелов и табуляции.

Элементы BR могут быть использованы, чтобы смоделировать подабзацы, как объяснено в описании элемента P.

Элементы BR с атрибутом CLEAR используются при вставке в документ изображений (смотрите описание элемента IMG.)

Иногда, чтобы получить незаполненное пространство, многократно используют элементы BR. Однако это работает не во всех броузерах. Лучше для этого использовать элемент PRE.

CAPTION (ЗАГОЛОВОК) - заголовок для таблицы (Нет в HTML 2.0!)

Цель

Представить заголовок таблицы.

Типичное представление

Выше или под самой таблицей обычным шрифтом.

Обычно заголовок центрирован по горизонтали. (HTML 3.2 не предоставляет средство для изменения поведения броузера.)

Основной синтаксис

<CAPTION>текст</CAPTION>

Возможные атрибуты

Допустимый контекст

Элемент TABLE. Если элемент TR присутствует, элемент CAPTION должен следовать первым, до элемента TR.

Содержимое

Текстовые элементы.

Примеры

<CAPTION>Summary of measurement results</CAPTION> 
<CAPTION><EM>Mean temperatures</EM></CAPTION> 

Примечания

Считается нормальным включать в документ заголовок к каждой таблице. Текст заголовка должен быть относительно коротким, но информативным. Избегайте вставки объяснений в заголовок. Дайте объяснения в пределах обычного текстового абзаца. Заголовок должен сказать, о чем таблица. А в тексте должно говориться почему таблица представлена, т.е. каким образом таблица связана с текстом документа.

Смотрите обсуждение таблиц, которое также содержит дополнительные примеры.

Некоторые броузеры (например, Netscape) не отображают заголовок отлично от обычного текста. Поэтому в пределах элемента CAPTION желательно использовать элементы логической разметки, например, EM или STRONG.

CENTER (ЦЕНТР) - центрирование (Нет в HTML 2.0!)

Цель

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

Типичное отображение

Центрированное.

Основной синтаксис

<CENTER>
часть документа
</CENTER>

Возможные атрибуты

Никаких.

Допустимый контекст

Контейнер блока.

Содержимое

Заголовки, текстовые элементы, блоковые элементы, а также элементы ADDRESS.

Примеры

Пример CENTER.html:

<P> 
This is a normal paragraph which will be rendered according to default 
alignments, which usually means left alignment. 
</P> 
<CENTER> 
<P> 
This is text which will be centered. 
</P> 
<P> 
This is a longer text paragraph which will be centered. It is so long that line 
breaks will most probably occur. Notice that the division into lines is usually 
not the same as in the HTML file. 
</P> 
</CENTER> 

Примечания

Элемент CENTER эквивалентен DIV с ALIGN=CENTER. CENTER был введен Netscape прежде, чем в нем была добавлена поддержка элемента DIV. Это учтено в HTML 3.2 в расчете на широкое распространение дополнения.

Использование атрибута ALIGN в элементах P и заголовках - предпочтительнее использования элемента DIV.

Так как CENTER - блоковый элемент, он закрывает открытый элемент P (т.е. заставляет броузер вставлять тег </P>, когда это необходимо). Но программы просмотра не всегда явно отображают перевод абзаца до и после элемента CENTER. Поэтому если нужно выделить абзац, используйте элемент P с атрибутом ALIGN.

CITE - ссылки

Цель

Для представления ссылок или сносок к другим источникам, например, на название книги. Смотрите примечания ниже.

Типичное отображение

Курсивом. Но когда это возможно, броузер может использовать и подчеркивание (например, так делает Lynx) или расставлять кавычки вокруг ссылки. Смотрите общие примечания к отображению разметки.

Основной синтаксис

<CITE>текст</CITE>

Возможные атрибуты

Никаких.

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Не разрешается разделение на абзацы внутри содержимого.

Примеры

Простой пример для выделения названия книги:

Пример CITE-1.html:

I learned this from <CITE>The Origin of Species</CITE>.

Примечания

Об основной природе CITE:

Существуют различные мнения по вопросу, должен ли использоваться элемент CITE только для ссылок на названия книг, или, в более общем варианте, и для задания сносок на предложения или группу слов. Например, HTML 3.2 Ссылочные Спецификации говорят, что CITE "используются для ссылок или сносок к другим источникам". Также там выделяется, что ссылка является примерным синонимом цитирования. Однако, оказывается, что CITE нужен для имен внешних источников (книг, статей, документов и т.д.), а не действительных извлечений (цитат) из них.

В соответствии с этим возникает вопрос, как цитаты должны быть представлены в пределах текста. (Для цитат, представленных как отдельный абзац или даже последовательность абзацев, естественным выбором становится BLOCKQUOTE.) Вы можете либо использовать символы отметки цитирования, согласно правилам языка, на котором написан текст, либо другие подходящие методы, например, курсив, т.е. элемент I. Последнее удобно для очень коротких (например, однословных) ссылок.

CODE (КОД) - программный код

Цель

Для представления программного кода.

Типичное отображение

Текстом одного размера (моноширинным - monospaced). Смотрите общие примечания по отображению разметки.

Основной синтаксис

<CODE>текст</CODE>

Возможные атрибуты

Никаких.

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Не разрешено разделение на абзацы.

Примеры

Следующий пример связан с рассмотрением языка программирования C:

Пример CODE-1.html:

Expressions like <CODE>a[i++] + b[i++]</CODE> should not be used,
since they cause undefined behavior.

Примечания

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

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

DD - определение данных

Цель

Обеспечить определение для термина в дефинитивном списке (элемент DL)

Типичное отображение

С отступом и представленное, как отдельная часть текста, прикрепленная к соответствующему дефинитивному термину.

Основной синтаксис

<DD>определение</DD>

Конечный тег </DD> всегда может быть опущен, что обычно и делается.

Возможные атрибуты

Никаких.

Допустимый контекст

DL элемент.

Содержимое

Блоковые элементы. Элементы заголовков и ADDRESS не допускаются. Но разрешены списки.

Примеры

Небольшой пример:

<DD>See RFC 822.</DD> 

Дополнительные примеры смотрите в описании элемента DL.

Примечания

Использование DD без DL элементов, чтобы получить отступ в тексте, не рекомендуется - это нарушает спецификации и часто не работает.

DFN - определение (Нет в HTML 2.0!)

Цель

Указывает, что данное слово имеет определение.

Типичное отображение

Это элементы, которые нам хотелось бы представить с некоторыми отличиями от обычного текста, например, выделенные курсивом. Но многие броузеры, включая Netscape, эффективно не поддерживают DFN и представляют его как обычный текст.

Смотрите также общие примечания по отображению разметки.

Основной синтаксис

<DFN>текст</DFN>

Возможные атрибуты

Никаких.

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Перевод абзаца не разрешается.

Примеры

Пример DFN-1.html:

<DFN>Ichthyology</DFN> is the branch of natural science which studies fish. 

Примечания

Так как на сегодняшний день еще не обеспечена эффективная поддержка DFN, лучше представлять дефинитивные элементы, используя элементы EM или STRONG.

Спецификация HTML 2.0 не включает DFN, но упоминает его, как элемент, который "должен быть развернут до определенного уровня".

Смотрите также общие замечания к элементам фразы.

DIR - ненумерованный список в директории

Цель

Представить информацию в формате, принятом для представления директории. Спецификация HTML 2.0 говорит, что DIR используется для списка коротких образов, до 20 символов каждый.

Типичное отображение

На практике большинство броузеров представляют элемент DIR также, как элемент UL.

Рекомендации говорят, что элемент DIR должен отображаться, как многостолбцовый список директорий.

Основной синтаксис

<DIR>
<LI> элемент списка 1
<LI> элемент списка 2
...
</DIR>

Возможные атрибуты

Допустимый контекст

Блоковый контейнер.

Содержимое

LI элементы, которые не содержат блоковые элементы.

Примеры

Очень маленький список:

Пример DIR-1.html:

<DIR> 
<LI>one 
<LI>two 
<LI>three 
</DIR> 

Большой список очень маленьких элементов (обычно это сложно отобразить другим подходящим способом):

Пример DIR-2.html:

<DIR> 
<LI>A<LI>B<LI>C<LI>D<LI>E<LI>F<LI>G<LI>H<LI>I<LI>J<LI>K<LI>L<LI>M 
<LI>N<LI>O<LI>P<LI>Q<LI>R<LI>S<LI>T<LI>U<LI>V<LI>W<LI>X<LI>Y<LI>Z 
</DIR> 

Смотрите также Примеры различных списковых элементов в HTML.

Примечания

Смотрите общие примечания к списковым элементам для ознакомления с нужными фрагментами.

DIV - разделитель документа (Нет в HTML 2.0!)

Цель

Для спецификации разделения документа так, что к различным частям документа могут быть применены различные выравнивания (влево, по центру, вправо).

Типичное отображение

Часть документа, выровненная согласно действию атрибута ALIGN элемента DIV.

Основной синтаксис

<DIV ALIGN=выравнивание>
раздел документа
</DIV>

Возможные атрибуты

Атрибут ALIGN специфицирует выравнивание некоторой части документа, но это может быть перекрыто атрибутом ALIGN в "огороженном" (верхнем) элементе, например, в P.

Допустимый контекст

Блоковый контейнер.

Содержимое

Заголовки, текстовые элементы, блоковые элементы и элементы ADDRESS.

Примеры

Пример DIV-1.html:

 
<P> 
This is a normal paragraph which will be rendered according to default 
alignments, which usually means left alignment. 
</P> 
<DIV ALIGN=CENTER> 
<P> 
This is text which will be centered. 
</P>
<P> 
This is a longer text paragraph which will be centered. It is so long that 
line breaks will most probably occur. Notice that the division into lines 
is usually not the same as in the HTML file. 
</P> 
</DIV> 

Следующий пример показывает, как представить центрированный текст со специфическим делением на линии:

Пример DIV-2.html:

<DIV ALIGN=CENTER> 
Mieleni minun tekevi<BR> 
aivoni ajattelevi<BR> 
lдhteдni laulamahan<BR> 
saa'ani sanelemahan.<BR> 
<P ALIGN=RIGHT><CITE>Kalevala</CITE></P> 
</DIV> 

Примечания

Использование атрибута ALIGN в элементах P и в заголовках обычно предпочтительнее использования DIV.

Так как DIV - блокоподобный элемент, он закрывает открытый элемент P (т.е. заставляет броузер вставить тег </P>, когда это необходимо). Но программы просмотра не всегда выделяют абзац до и после элементов DIV. Поэтому, если нужно явно отобразить перевод абзаца, используйте элемент P с атрибутом ALIGN.

DL - дефинитивные или описательные списки

Цель

Дать список определений для терминов, список описаний или другую информацию, связанную с именами или фразами.

Типичное отображение

Наиболее типичным является следующее отображение: слева - выделенный термин, затем - определение, представленное с чем-то вроде отступа, но без маркера. Отображение должно поддерживать связь каждого определения с соответствующим термином.

Основной синтаксис

<DL>
<DT>термин 1<DD>определение термина 1
<DT>термин 2<DD>определение термина 2
...
</DL>

Возможные атрибуты

Допустимый контекст

Контейнер блока.

Содержимое

DT и DD элементы.

Элементы DL должны быть спарены с соответствующими элементами DD. Множество элементов DT может быть при единственном элементе DD. То есть несколько терминов могут иметь одно и тоже определение. Документ не должен содержать несколько последовательных элементов DD.

Примеры

Пример DL.html:

<DL> 
<DT>Recursion, indirect 
<DD>See <I>indirect recursion</I>. 
<DT>Indirect recursion 
<DD>See <I>recursion, indirect</I>. 
</DL> 

Смотрите также Примеры различных списковых элементов в HTML.

Примечания

Хотя элементы DL броузеры часто представляют в "некрасивом" виде, единственная причина для их использования вместо более распространенного элемента TABLE - то что некоторые программы просмотра все еще не поддерживают TABLE.

Смотрите также общие примечания к использованию списковых элементов.

DT - дефинитивный термин

Цель

Спецификация термина в дефинитивном списке (элемент DL).

Типичное отображение

Отлично от обычного текста. Представление термина средствами компоновки, другим шрифтом или и тем и другим вместе.

Основной синтаксис

<DT>термин</DT>

Конечный тег </DT> всегда может быть опущен, что обычно и делается.

Возможные атрибуты

Никаких.

Допустимый контекст

Элемент DL.

Содержимое

Текстовые элементы.

Примеры

Небольшой пример:

<DT>Terminus technicus.</DT> 

Для более детальных примеров смотрите описание элементов DL.

EM - подчеркивание

Цель

Подчеркнуть (выделить).

Типичное представление

Курсивом. Но если возможно, броузер может использовать и подчеркивание (так делает Lynx). Смотри общие примечания к отображению разметки.

Основной синтаксис

<EM>текст</EM>

Возможные атрибуты

Никаких.

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Не разрешено разделение на абзацы.

Примеры

Пример EM-1.html:

The EM element is <EM>logical</EM> markup as opposite to 
<EM>physical</EM> markup such as the I element. 

Примечания

Избегайте слишком частого использования подчеркиваний. Подчеркивание всего - равносильно отсутствию подчеркивания.

Для усиления подчеркивания можно использовать элемент STRONG.

Смотрите также общие замечания по фразовым элементам.

FONT (ШРИФТ) - размер и цвет шрифта (Нет в HTML 2.0!)

Цель

Специфицировать размеры шрифта (относительно к другим размерам), его цвет или и то и другое вместе.

Типичное отображение

Содержимое элемента FONT не всегда соответствует размеру и цвету шрифта, представленного броузером.

Установленный в HTML размер шрифта в действительности может быть уменьшен или увеличен программой просмотра, чтобы соответствовать размеру шрифта по умолчанию (3).

Основной синтаксис

<FONT SIZE=n>текст</FONT>

или

<FONT COLOR=цветовая спецификация>текст</FONT>

Возможные атрибуты

Некоторые броузеры также поддерживают атрибут FACE, который задает разделяемый запятыми список наименований шрифтов в порядке предпочтения. Он используется для поиска установленного шрифта с соответствующим именем.

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы.

Примеры

Пример FONT-1.html: Это - некоторый текст:

<FONT SIZE=-1>including text which may appear in a smaller font</FONT>. 
<P> 

Это - попытка представить текст более рельефно: жирным шрифтом, с подчеркиванием, шрифтом большого размера и красным цветом:

<B><U><FONT SIZE=7 COLOR=RED>word</FONT></U></B> 

Примечания

Избегайте использования элемента FONT по причинам, объясненным при обсуждении текстовой разметки. (Для пояснения такого отношения к FONT посмотрите и разъяснение Уоррена Стиила Что неверно в элементе <FONT>?.) Если Вам надо изменить размеры шрифта, воспользуйтесь лучше элементами SMALL или BIG.

Для установки размера шрифта на большей части документа используйте BASEFONT. (Заметим, что в пределах FONT не допускается выделение абзацев.)

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

Не на всех броузерах содержимое элемента FONT представляется так, что величины SIZE (1 - 7) соответствуют различным размерам шрифта. Приведем примеры реализации FONT на некоторых популярных броузерах:

• в Netscape: размеры 1, 2 и 3 различны, и размер 3 равен размеру по умолчанию; размеры 4 и 5 равны друг другу и больше, чем 3; размеры 6 и 7 равны друг другу и больше, чем 4 и 5;

• в Internet Explorer: все размеры различны, за исключением 2 и 3 - они одинаковы и равны размеру по умолчанию; таким образом, есть только один размер (1), меньший размера по умолчанию;

• в текстовом броузере, например, Lynx, элемент FONT, не действует.

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

Есть два способа задания размеров шрифта. Первый: в коде HTML мы указываем размеры шрифта числом в диапазоне 1 - 7, которое "заложено" в броузеры и аппаратным способом преобразуется в физические размеры, выраженные, например, в пикселях, точках или миллиметрах. Отображение обычно нелинейно - необязательно, например, шрифт размера 3 составляет половину шрифта размером 6. Второй способ, в котором размеры шрифта (в значении HTML) определены относительным значением атрибута SIZE, например, SIZE="+1" (что совершенно отлично от SIZE="1" или SIZE=1) означает текущий основной размер шрифта плюс один, и эта сумма соответствует отображаемому размеру шрифта в приведенном примере.

FORM (ФОРМА) - заполняемая форма

Цель

Чтобы представить заполняемую форму, используемую для таких действий пользователя, как регистрация, упорядочение пользователя или формирование запроса. Формы могут содержать широкий диапазон приемов разметки HTML, включая такие виды полей форм, как однострочные или многострочные текстовые поля, группы радиокнопок, переключатели и меню.

Типичное представление

Нечто подобное заполняемой на бумаге форме.

Основной синтаксис

<FORM ACTION="URL">
содержание формы, включая элементы INPUT и, возможно, элементы TEXTAREA и SELECT
</FORM>

Возможные атрибуты

Детали создания форм специфицированы в RFC 1867.

Допустимый контекст

Блоковый контейнер.

Содержимое

То, что разрешено в пределах элемента BODY (т.е. заголовки, текстовые и блоковые элементы, элементы ADDRESS), за исключением того, что нельзя использовать в пределах элементов FORM.

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

INPUT

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

SELECT

меню единичного или множественного выбора

TEXTAREA

многострочное текстовое поле.

Примеры

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

Пример FORM-1.html:

<FORM ACTION="mailto:Jukka.Korpela@hut.fi" METHOD=POST> 
<TEXTAREA ROWS=5 COLS=72 NAME=Comments></TEXTAREA> 
<P> 
<INPUT TYPE=SUBMIT VALUE=Send> 
</FORM> 

Следующий, более сложный пример, включает в дополнение к области свободного ввода текста меню выбора.

Пример FORM-2.html:

<FORM ACTION="mailto:Jukka.Korpela@hut.fi" METHOD=POST> 
Please tell your opinion about the overall quality of this document: 
<SELECT NAME=evaluation> 
<OPTION>Very poor 
<OPTION>Rather poor 
<OPTION>Average 
<OPTION>Rather good 
<OPTION>Very good 
</SELECT> 
<P> 
You can also be more specific by writing a few comments: 
<TEXTAREA NAME=Comments ROWS=5 COLS=72></TEXTAREA> 
<P> 
<INPUT TYPE=SUBMIT VALUE=Send> 
</FORM> 

Примечания

В одном документе может быть несколько форм.

Для очень простых форм можно использовать элемент ISINDEX.

Хотя спецификации HTML 3.2 говорят, что атрибут ACTION предпочитается использованию mailto:, предоставляя легкий способ создания форм для управления информацией через e-mail, заметим, что эта способность поддерживается еще не везде. Например, код в нашем первом примере не работает в Netscape, так как он с самого начала использует свой внутренний e-mail-формирователь, игнорируя способ, которым была заполнена форма. Lynx же, например, в этом случае работает лучше. Вы должны принимать во внимание, что формируемое e-mail послание появляется в кодированной форме, хотя и не полностью нечитаемой. В случае, когда в приведенном примере 2 пользователь выбирает опцию Rather poor и печатает текст Too few ../../examples., содержимое послания будет выглядеть следующим образом :

evaluation=Rather+poor&Comments=Too+few+../../examples. 

H1, H2, H3, H4, H5, H6 - заголовки

Цель

Определить заголовок. Существует шесть уровней от H1 (наиболее важный) до H6 (наименее важный).

Типичное отображение

Более важные заголовки обычно отображаются большими шрифтами, чем менее важные. Заголовок H1 - очень большой шрифт, в то время как H6 может быть крошечным (много меньше обычного текста!).

Основной синтаксис

<Hn>заголовок текста</Hn>

где n принимает значения 1, 2, 3, 4, 5 или 6.

Возможные атрибуты (Нет в HTML 2.0!)

По умолчанию - выравнивание по левому краю, однако это может быть перекрыто включением элементов DIV или CENTER.

Допустимый контекст

Блоковый контейнер.

Содержимое

Текстовые элементы.

Примеры

Пример H-1.html:

<H1>Notes on General Relativity</H1> 

Пример H-2.html:

<H1 ALIGN=CENTER>The story of my life</H1> 
<H2>Preface</H2> 
<H3>General remarks</H3> 

Пример H.html:

Это отдельный файл, содержащий заголовки всех уровней.

Примечания

Заголовки H1, H2 и H3 можно использовать постоянно. Избегайте применения H4, H5 и H6. Смотрите также общие структурные рекомендации.

В особенности, не используйте заголовки H5 или H6 для представления текста малым шрифтом, так как пока их поддерживают только некоторые броузеры. В будущем броузеры могут быть адаптированы так, чтобы заголовки даже самого нижнего уровня выглядели, по крайней мере, так же, как обычный текст. Для задания малого шрифта используйте элемент SMALL (или в крайнем случае FONT).

HEAD (ЗАГОЛОВОК) - заголовок документа

Цель

Основная структура документа HTML всегда состоит из заглавия и тела. Явное вложение заголовка в элемент HEAD не обязательно.

Типичное отображение

Использование элемента HEAD не влияет на отображение документа.

Основной синтаксис

<HEAD>
элемент TITLE
</HEAD>

Как начальный, так и конечный теги могут быть опущены.

Возможные атрибуты

Никаких.

Допустимый контекст

Элементы HTML, которые могут быть либо подразумеваемыми, либо явными. В документе допускается только один элемент HEAD, и он должен появиться прежде элемента BODY (который тоже может быть явным или неявным).

Содержимое

Обязательно один TITLE элемент и необязательно (в любом порядке)

• элемент ISINDEX

• элемент BASE

• элементы META

• элементы LINK

• элементы STYLE и SCRIPT

Примеры

<HEAD> 
<TITLE>Getting started with Perl</TITLE> 
</HEAD> 

Примечания

Явное задание элемента HEAD действует только на формирование заголовка, читаемого из кода HTML и являющегося частью документа, принадлежащей к разделу заголовка.

HR - изменение раздела (горизонтальная черта)

Цель

Обозначить изменение раздела.

Типичное отображение

Горизонтальная черта (на полную ширину экрана - по умолчанию). До и после тега HR броузер автоматически добавляет тер P, поэтому нет необходимости в формировании незаполненного вертикального пространства до и после черты.

В речевых программах просмотра тег срабатывает как пауза.

Основной синтаксис

<HR>

Возможные атрибуты (Нет в HTML 2.0!)

Допустимый контекст

Блоковый контейнер.

Содержимое

Никакое.

Примеры

Пример HR-1.html:

<P> 
Some text, followed by a basic (default) horizontal rule. 
</P> 
<HR> 
<P> 
Some other text. 
</P> 

Пример HR-2.html:

<P> 
A horizontal rule placed at the right and half the width of the document layout: 
</P> 
<HR ALIGN="RIGHT" WIDTH="50%"> 
<P>цц 
An example with all possible spices: placed at left, solid rule (no shading), 
height 5 pixels, width 100 pixels: 
</P> 
<HR ALIGN="LEFT" NOSHADE SIZE=5 WIDTH=100> 

Примечания

Не переусердствуйте с использованием HR. Документ может неудачно выглядеть, если в нем полосы чередуются с совсем маленьким текстом между ними.

Обычно лучше использовать процентную спецификацию, чем абсолютное число пикселов, так как окно пользователя может сильно отличаться от Вашего.

HTML - элемент верхнего уровня

Цель

В сущности, файл HTML в целом является элементом HTML. Обычно начальный и конечный теги необязательны. Смотрите описание базовой структуры документа HTML.

Типичное отображение

Явное использование элемента HTML не влияет на отображение документа

Основной синтаксис

<HTML>
заголовок и тело документа
</HTML>

Возможные атрибуты

Допустимый контекст

Элемент HTML является элементом верхнего уровня в языке HTML. Смотрите описание базовой структуры документов HTML.

Содержимое

Элемент HEAD с последующим BODY.

Примеры

Пример hello.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> 
<TITLE>Hello</TITLE> 
Hello world 

Примечания

Если элемент HTML используется, начальный и конечный теги HTML должны идти вокруг всего документа, сразу после объявления DOCTYPE.

I - курсив

Цель

Представление текста курсивом.

Типичное отображение

Курсив. Смотрите общие примечания к отображению разметки.

Основной синтаксис

<I>текст</I>

Возможные атрибуты

Никаких.

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Разделение на абзацы не разрешено.

Примеры

Пример I-1.html:

<I>Canis familiaris</I>, 
but genetically dogs belong to the same species as the wolf, 
<I>Canis lupus</I>. 

Примечания

Хотя элемент I является элементом физической разметки и логическая разметка в общем, предпочтительней, существуют причины для использования I. В частности, из-за того, что в HTML 3.2. нет элемента текстового уровня для цитирования. Смотрите примечания об этом в описании элемента CITE.

Однако, не перестарайтесь с использованием элемента I. В частности, для выразительности используйте EM или STRONG, а для переменных (меток) используйте VAR. Смотрите общие примечания по разметке текста.

Слова и фразы, взятые из других языков (например, статус кво, или сауна), часто представляются курсивом. Однако, что касается более общих слов и фраз (в Вашем тексте или в Вашем языке), читателю будет мало пользы от обозначения их, как иностранных, и более того он может быть недоволен частым появлением различных шрифтов в тексте.

В лингвистике, когда отображаются такие слова или фразы, как "множественное от бык есть рогатый скот", естественно использовать курсив. (HTML 2.0 предлагает использовать SAMP для таких целей, однако это было бы хуже.)

Правила для научных наименований организмов говорят, что наименования должны быть написаны, по возможности, курсивом, так что естественно писать их в пределах элемента I. То же самое применимо к символам физических величин - таким, как F для силы. Хотя использование элемента VAR может быть здесь более предпочтительно, элементы I отобразят эту информацию лучше.

IMG - линейные изображения

Цель

Для включения изображения в документ.

Типичное отображение

Изображения представляются, как часть документа. Неграфические броузеры представляют взамен изображения значение атрибута ALT.

Позиционирование изображения обеспечивается атрибутами элемента IMG.

Основной синтаксис

<IMG SRC="URL" ALT="текст">

Возможные атрибуты

Атрибутов HEIGHT, WIDTH, HSPACE, VSPACE, и USEMAP нет в HTML 2.0!

Атрибуты WIDTH и HEIGHT при совместном использовании позволяют программам просмотра зарезервировать место на экране для изображения еще до того, как они будут переданы по сети. Это позволяет пользователю начать чтение, пока передача данных еще продолжается. Эти атрибуты не предназначены для автоматического изменения размера изображения броузерами. Хотя некоторые броузеры могут масштабировать изображение в соответствии с атрибутами WIDTH и HEIGHT, не полагайтесь на это. Таким образом, они должны задавать реальный размер изображения. (Используйте подходящую программу для определения размеров в пикселях и масштабирования изображения, если это потребуется.)

Значения ALIGN имеют следующий смысл:

ALIGN=TOP

Позиционирует верх изображения с верхом текущей текстовой строки. Броузеры по разному интерпретируют это. Некоторые принимают во внимание то, что было на текстовой строке до изображения и игнорируют, что идет на строке после него.

ALIGN=MIDDLE

Выравнивает середину изображения по основной текстовой строке.

ALIGN=BOTTOM (по умолчанию)

Выравнивает низ изображения по основной строке.

ALIGN=LEFT

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

ALIGN=RIGHT

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

Заметьте, что некоторые броузеры (например, Internet Explorer 2.0 и 3.0) вводят случайное расположение многочисленных лево- и правовыровненных образов. Смотрите BR о способах управления текстовым потоком.

Что касается ISMAP, приведем пример того, как можно его использовать:

<a href="/cgibin/navbar.map"><img src=navbar.gif ismap border=0></a> 

Нажатые координаты передаются серверу. Броузер извлекает новый URL из URL, специфицированного атрибутом HREF, с добавлением знака вопроса (?), координаты x, запятой (,) и координаты y локализации (координаты выражены в пикселях). Связь следует с использованием уже нового URL. Например, если пользователь нажал на участок с x=10, y=27, формируемый URL будет: "/cgibin/navbar.map?10,27". В целом, это хорошая идея для подавления бордюра (использование атрибута BORDER=0) и обозначения того, что изображение реагирует на нажатие клавиши мыши.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML.

Содержимое

Никакое.

Примеры

Пример IMG-1.html:

<IMG SRC="Yucca.jpg" ALT="[Picture of Yucca]" WIDTH=110 HEIGHT=168> 
<P> 
<IMG SRC="Yucca.jpg" ALT="[Picture of Yucca]" WIDTH=110 HEIGHT=168 ALIGN=RIGHT> 
This is a simple example of embedding images. 
This paragraph should be displayed, in a graphical browser, 
with an image at the right, 
and before this paragraph the same image should appear 
separately, with default alignment. 
</P> 

Используйте IMG с ISMAP, чтобы создать реагирующую на нажатие клавиши мыши карту:

Пример IMG-2.html:

<A HREF="http://www.hut.fi/cgi-bin/imagemap/Pictures/English/english.map"> 
<IMG HEIGHT="400" WIDTH="400" 
SRC="http://www.hut.fi/Pictures/English/english.gif" 
ALT="Helsinki University of Technology" ISMAP>
</A> 

Примечания

Смотрите общее обсуждение изображений, формул и т.д., которое содержит дополнительные примеры.

Если Вы хотите, чтобы изображение появилось справа или слева от текстового абзаца, Вы должны расположить элемент IMG в начале абзаца (P элемент). Однако при этом результат может Вас не устроить. Поэтому хорошей практикой стало иметь элемент BR с атрибутом CLEAR в конце такого абзаца.

Семантика и использование атрибута ALT пока ясно не определены. Можно рассматривать как рекомендации, обеспечение текстовых вставок в содержимое изображения для текстовых и речевых броузеров. Однако лучше вставлять заголовки или надписи рядом с изображением. Иногда трудно сказать, как лучше дать пояснения к изображению в атрибуте ALT, так как синтаксис ограничен значениями, которые могут использоваться в коде разметки HTML. Более того, одни графические броузеры в ситуации, когда пользователь прекращает автоматическую загрузку изображения высвечивают значение ALT, другие - могут высветить только часть сгенерированного образа, которая мало что говорит. На эту тему A.Дж. Флавелл написал обширный документ Использование ALT текстов в IMG.

INPUT - вводные поля в формах

Цель

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

Типичное отображение

Меняется согласно типу поля.

Основной синтаксис

<INPUT TYPE=тип_поля_ввода другие_атрибуты>

Возможные атрибуты

Различные значения атрибута TYPE соответствуют различным видам вводных полей.

TYPE=TEXT (тип=текст - по умолчанию)

Одностроковое текстовое поле, чей видимый размер может быть установлен атрибутом SIZE, например, SIZE=40 для 40-символьного поля. Пользователи могут вводить и больше символов, чем этот предел, но с текстовым скроллингом (пролистыванием) поля, чтобы курсор ввода оставался видимым. Вы можете задать верхний предел количества символов атрибутом MAXLENGTH. Атрибут NAME используется для наименования поля, а атрибут VALUE инициализирует текстовую строку в поле, когда документ впервые загружен.

Заметим, что текстовый ввод ограничен одной строкой. Используйте элемент TEXTAREA, чтобы определить многостроковые текстовые поля.

Пример:

 <INPUT TYPE=TEXT SIZE=40 NAME=user value="your name"> 

TYPE=PASSWORD (тип=пароль)

Этот тип подобен TYPE=TEXT, однако все вводимые символы представляются в виде *, чтобы скрыть текст от подсматривающих глаз, когда вводится пароль. Вы можете использовать атрибуты SIZE и MAXLENGTH, чтобы управлять видимой и максимальной длинами поля точно так же, как для обычного текстового поля.

Пример:

<INPUT TYPE=PASSWORD SIZE=12 NAME=pw> 

TYPE=CHECKBOX (тип=поле установки - переключатель)

Используется для простых булевых атрибутов (т.е. атрибутов, принимающих значение ИСТИНА или ЛОЖЬ) или для атрибутов, которые одновременно могут принимать множество значений. Каждое заполненное переключательное поле генерирует отдельную пару имя/значение в формируемых данных, даже если это приводит к дублированию имен. Используйте атрибут CHECKED для инициализации поля установки по умолчанию.

Пример:

<INPUT TYPE=CHECKBOX CHECKED NAME=uscitizen VALUE=yes> 

TYPE=RADIO (тип=радиокнопка)

Используется для атрибута, который может принимать единственное значение из множества. Каждое поле радиокнопки в группе должно быть задано только одним значением атрибута NAME. Радиокнопки требуют явного атрибута VALUE. Единственная нажатая радиокнопка в группе генерирует пару имя/значение в формируемых данных. Одна радиокнопка в группе атрибутом CHECKED должна быть предварительно установлена по умолчанию.

Пример:

<INPUT TYPE=RADIO NAME=age VALUE="0-12"> 
<INPUT TYPE=RADIO NAME=age VALUE="13-17"> 
<INPUT TYPE=RADIO NAME=age VALUE="18-25"> 
<INPUT TYPE=RADIO NAME=age VALUE="26-35" CHECKED> 
<INPUT TYPE=RADIO NAME=age VALUE="36-"> 

TYPE=SUBMIT (тип=отсылка)

Определяет кнопку, которую пользователь может нажать, чтобы передать содержимое формы серверу. Метка устанавливается атрибутом VALUE. Если атрибут NAME задан, то пара наименование/значение для исполняемой кнопки будет включена в передаваемые данные. Вы можете включить несколько исполняемых кнопок в форму. Смотрите TYPE=IMAGE для графических исполняемых кнопок.

Примеры:

<INPUT TYPE=SUBMIT VALUE="Party on..."> 

TYPE=RESET (тип=перезагрузка)

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

Пример:

<INPUT TYPE=RESET VALUE="Start over..."> 

TYPE=FILE (тип=файл)

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

Таким же образом, как для TYPE=TEXT, для TYPE=FILE можно использовать атрибут SIZE, чтобы установить видимую ширину поля. Вы также можете установить верхний предел для длины имени файла, используя атрибут MAXLENGTH. Некоторые программы просмотра поддерживают способность ограничивать виды файлов, которые могут быть прикреплены к форме, перечислением разделяемого запятыми списка файлов с содержимым типа MIME, задаваемого атрибутом ACCEPT. Например, ACCEPT="image/*" ограничит файлы изображениями. Дополнительная информация может быть найдена в RFC 1867.

Пример:

<INPUT TYPE=FILE NAME=photo SIZE=20> 

TYPE=HIDDEN (тип=скрытый)

Этот тип поля не отображается пользователю. Скрытое поле дает возможность для серверов хранить информацию о состоянии вместе с формой. Когда форма "исполняется" при нажатию соответствующей кнопки, серверу будет передана пара имя/значение, определенная с использованием соответствующих атрибутов. Этот тип создает рабочее окружение для полноты возможностей HTTP и является альтернативой для использования так называемой HTTP cookies.

Пример:

<INPUT TYPE=HIDDEN NAME=customerid VALUE="c2415-345-8563"> 

TYPE=IMAGE

Используется для графических кнопок отсылок, отображаемых изображением. URL для изображений специфицируется атрибутом SRC. Выравнивание изображения может быть специфицировано атрибутом ALIGN. В этом отношении графические кнопки отсылки идентичны элементам IMG (так, Вы можете установить для ALIGN - LEFT, RIGHT, TOP, MIDDLE или BOTTOM). Атрибуты NAME и VALUE трактуются точно также, как текстовые кнопки отсылки и должны быть заданы для обеспечения работы неграфических программ просмотра.

Пример:

<INPUT TYPE=IMAGE SRC="partyon.gif" VALUE="Party on..."> 

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Включает большинство элементов HTML. Текстовый контейнер может появиться в пределах элемента FORM.

Содержимое

Никакое.

Примеры

<INPUT TYPE=RESET VALUE="Start over..."> 

Примечания

Использование INPUT для ввода текста ограничено одностроковыми полями. Используйте TEXTAREA, чтобы определить многостроковые текстовые поля.

Используйте SELECT для меню.

ISINDEX - простой поиск по ключевым словам

Цель

Простой поиск по ключевым словам. Броузер должен сформировать вводное поле однострокового текста для ввода строки запроса.

Семантика для ISINDEX на сегодняшний день хорошо определена только, когда основным URL для всего документа является HTTP URL. Обычно, когда пользователь нажимает клавишу "Enter", строка запроса посылается к серверу, идентифицированному основным (базовым) URL документа. Например, если введена строка запроса "десять зеленых яблок" и основной URL:

http://www.acme.com/,

то генерируется запрос:

http://www.acme.com/?десять+зеленых+яблок". 

ISINDEX - единственный элемент, обеспечивающий интерфейс для программы, которая интерпретирует запрос (обычно задаваемой скриптом CGI). Учтите, что с помощью простой вставки элемента ISINDEX нельзя создать в документе средство поиска! Так как большинство Web броузеров обладают некоторыми чертами поиска в документе, Вам нет необходимости придумывать что-то свое для выполнения такого поиска.

Основной синтаксис

<ISINDEX>

Типичное отображение

Область ввода (в графических броузерах - прямоугольник для ввода), которой предшествует строка подсказки.

Возможные атрибуты

Атрибут PROMPT может быть использован, чтобы определить строку подсказки для поля ввода вместо подсказки по умолчанию, используемую броузером (например: Это поисковый индекс. Введите поисковые ключи.).

Допустимый контекст

По крайней мере один элемент ISINDEX может появиться либо в заголовке, либо в теле документа.

Содержимое

Никакое.

Примеры

Пример демонстрирует использование ISINDEX для соединения со скриптом "указателя". Сам скрипт здесь не рассматривается, хотя именно он обеспечивает генерацию запроса.

Пример ISINDEX.html:

<BASE HREF="http://www.hut.fi/cgi-bin/finger"> 
Searching for a user at <a href="http://www.hut.fi/">HUT</a>. 
<ISINDEX PROMPT="User id at HUT:"> 

Примечания

Никогда не используйте взамен ISINDEX элемент FORM, так как он обладает меньшей гибкостью.

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

Строка запроса должна быть представлена в Latin-1, так как нельзя специфицировать для URL другой тип символов.

Когда запрос из вводного поля сгенерирован, вместо символов пробела появляются символы "+" и используется механизм образования escape последовательностей для символов обычного URL.

Дополнительную информацию смотрите в HTTP спецификации.

KBD - ввод с клавиатуры

Цель

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

Типичное отображение

Одноразмерное. Смотрите общие примечания к отображению разметки.

Основной синтаксис

<KBD>текст</KBD>

Возможные атрибуты

Никаких.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Не разрешен перевод абзаца.

Примеры

Пример KBD-1.html:

Finally, type <KBD>logout</KBD> and press the return key.

Примечания

Используйте элемент KBD только для фиксированных строк. Для обозначения ввода, который меняется от случая к случаю, лучше использовать элемент VAR.

Хотя программный код может вводиться с клавиатуры (чтобы потом быть распечатанным программой), особенно в контексте обучающих программ, для кодовых фрагментов более естественно использовать элемент CODE.

Можно поспорить о том, надо ли использовать элемент KBD для командных имен (или имен программ), если они не появляются в контексте обсуждения того, как задавать команды. Можно сказать, что имя команды типа ls (в Unix) - это всего лишь имя, а не ввод с клавиатуры. Однако рекомендуется использование KBD, когда трудно различить, например, ls, как ввод с клавиатуры (или часть его) и как имя команды (или программы). Заметим, что когда имя команды появляется в начале утверждения, грамматические правила требуют заглавной начальной буквы, которая может ввести в заблуждение пользователя (появится сообщение, что вариант написания не соответствует требуемому вводу с клавиатуры). При использовании же KBD - отображение осуществляется шрифтом одного размера, и поэтому при представлении имени команды можно нарушить грамматическое правило.

Так как в HTML файле не принято разбиение по строкам и использование символов пробелов и табуляции, будьте внимательны при указании пользователю того, когда он должен нажать клавишу "return" или "enter", так как такое нажатие не вовремя может не соответствовать Вашим командам.

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

LI - списковый элемент

Цель

Для представления элемента в списке.

Типичное отображение

Отображение определяется природой объемлющего списка.

Основной синтаксис

<LI>содержание элемента списка</LI>

Конечный тег </LI> всегда может быть опущен, что обычно и делается.

Возможные атрибуты (Нет в HTML 2.0!)

Атрибуты определяются следующим контекстом:

Если самый внутренний, включающий списковый элемент есть элемент UL, DIR или MENU, то

имя атрибута	возможные значения	смысл
TYPE	DISC, SQUARE, CIRCLE	стиль буллет (с маркером)

Если самый внутренний, включающий списковый элемент есть OL, то

имя атрибута	возможные значения	смысл
TYPE	1, a, A, i, I	стиль нумерации (как в OL)
VALUE	целое	последовательные числа (смотрите OL)

Допустимый контекст

Элементы UL, DIR, MENU или OL.

Содержимое

Блоковые и текстовые элементы. Элементы заголовков и ADDRESS не разрешены.

Примеры

Краткий пример:

<LI>A list item.</LI> 

Дополнительно смотрите Примеры различных списковых элементов в HTML, а также примеры в описании элементов UL, DIR, MENU и OL.

Примечания

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

Список буллет типов (маркеров) был выбран для обслуживания оригинальных буллет форм, введенных в использование броузером Mosaic в 1993. Список не очень логичен. Обычно, тип буллета по умолчанию в списках UL есть DISC, если список не находится в пределах списка UL, а SQUARE и CIRCLE используются в следующих уровнях вложенности. В броузере Lynx формы, подобные формам DISC, SQUARE и CIRCLE, представлены как звездочка (*), плюс (+) и символ o.

LINK (СВЯЗЬ) - связь с другими документами

Цель

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

• в таблицах стилей

• для инструментальных панелей или меню для навигации среди документов, связанных элементами LINK, с предоставлением пользователям возможности управляемых просмотров

• для контроля за тем, как наборы файлов HTML отображены в выводимых документах или конвертированы в единственный документ для некоторых целей.

Типичное отображение

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

Основной синтаксис

<LINK REL=relation HREF=URL>

или

<LINK REV=relation HREF=URL>

Возможные атрибуты

Связь от документа A к документу B по выражению REV=relation - та же самая связь, что от B к A по выражению REL=relation.

Допустимый контекст

Элемент заголовка, в котором может появиться любое количество элементов LINK.

Содержимое

Никакое.

Примеры

Элемент связи, определяющий таблицу стилей:

<LINK REL=STYLESHEET HREF="basic.css"> 

Простой элемент LINK, специфицирующий авторскую информацию:

<LINK REV=MADE HREF="mailto:jukka.korpela@hut.fi"> 

Некоторые элементы LINK, которые могут появиться в большом документе, разделенном на отдельные, но взаимосвязанные файлы HTML:

<LINK REL=CONTENTS HREF="toc.html"> 
<LINK REL=PREVIOUS HREF="doc31.html"> 
<LINK REL=NEXT HREF="doc33.html"> 

Примечания

Элемент LINK с REV=MADE иногда используется, чтобы идентифицировать автора документа, либо адрес его электронной почты, либо связь к домашней странице автора. Хотя немногие программы могут использовать эту информацию, ее включение может быть полезным. Заметим, что информация не показывается читателю документа (если он не запросит специально код HTML), поэтому при необходимости Вы должны дополнительно ввести такую информацию с помощью, например, элемента ADDRESS.

В свое время был выпущен отчет Internet draft-ietf-html-relrev-00.txt о предлагаемых значениях связей. (Официально отчет был закрытым.) Вот некоторые из наиболее известных, упоминаемых в HTML 3.2 Ссылочных спецификациях значений:

установка атрибута	роль связанного ресурса
REL=INDEX	Документ задает индекс для текущего документа.
REL=GLOSSARY	Документ дает глоссарий терминов, которые имеют отношение к текущему документу.
REL=COPYRIGHT	Объявление авторского права для текущего документа
REL=CONTENTS	Документ оглавления для нескольких взаимосвязанных документов.
REL=NEXT	Следующий документ для посещения в управляемом просмотре.
REL=PREVIOUS	Предыдущий документ в управляемом просмотре.
REL=HELP	Документ предлагает помощь, например, описывая расширенный контекст и предлагая дополнительные ссылки к полезным документам. Это помогает в восстановлении ориентирования пользователя, который "потерялся" на своем пути.
REL=BOOKMARK	Закладка, используемая для обеспечения прямых связей по отмеченным (введенным в список закладок) точкам при работе с документом. Атрибут TITLE может быть использован в качестве метки в списке закладок. Несколько закладок может быть определено в каждом документе, предоставляя пользователю средства для ориентирования в расширенном документе.

Вышеприведенный список извлечен из закрытого отчета. Однако, если Вы стремитесь написать новое программное обеспечение, которое использует элементы LINK, или, если Вы хотите включить такие элементы в Ваш документ, чтобы некоторые программы могли использовать их, то соответствие вышеприведенному списку будет только на пользу.

В соединении с таблицами стилей элемент LINK может быть использован с REL=STYLESHEET.

MAP - реагирующая на нажатие клавиш карта (Нет в HTML 2.0!)

Цель

Обеспечить механизм для клиентских карт изображений. Элемент MAP имеет имя, по которому он может быть отослан к элементу IMG, и содержит элементы AREA, которые определяют горячие зоны на связанном изображении и связывают эти горячие зоны с URL.

Типичное отображение

Визуальное элемент MAP никак не проявляется в документе, однако вместе со связанными структурами он создает изображение реагирующей на нажатие клавиш карты.

Основной синтаксис

<MAP>
AREA элемент
</MAP>

Возможные атрибуты

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML.

Содержимое

Элементы AREA.

Примеры

Простой пример для графической инструментальной панели:

<IMG SRC="navbar.gif" BORDER=0 USEMAP="#map1"> 
<MAP NAME="map1"> 
<AREA HREF="guide.html" ALT="Access Guide" SHAPE=RECT COORDS="0, 0, 118, 28"> 
<AREA HREF="search.html" ALT="Search" SHAPE=RECT COORDS="184, 0, 276, 28"> 
<AREA HREF="shortcut.html" ALT="Go" SHAPE=RECT COORDS="118, 0, 184, 28"> 
<AREA HREF="top10.html" ALT="Top Ten" SHAPE=RECT COORDS="276, 0, 373, 28"> 
</map> 

Примечания

Смотрите описание IMG для ознакомления с другими примерами карт, реагирующих на нажатие клавиш.

MENU (МЕНЮ) - ненумеруемый список менюподобных форм

Цель

Представить информацию в менюподобном формате.

Типичное отображение

На практике большинство броузеров представляют элемент MENU таким же образом, как элемент UL.

Теоретические рекомендации говорят, что элемент MENU отображается, как одностолбцовый список элементов меню.

Основной синтаксис

<MENU>
<LI> элемент списка 1
<LI> элемент списка 2
...
</MENU>

Возможные атрибуты

Допустимый контекст

Блоковый контейнер.

Содержимое

Элементы LI, которые не содержат блоковых элементов.

Примеры

Пример MENU.html:

<MENU> 
<LI> Undo 
<LI> Cut 
<LI> Copy 
<LI> Paste 
<LI> Find 
<LI> Find Again 
</MENU> 

Смотрите также Примеры различных списковых элементов в HTML.

Примечания

Смотрите общие замечания к списковым элементам для обсуждения отдельных из них.

При использовании элемента MENU реализуется не привычный выбор из меню, а только высвечивается меню ключевых слов. Чтобы отобразить выбор из меню, можно использовать A элементы. Смотрите также раздел Использование таблиц для представления меню.

META - метаинформация

Цели

Для задания метаинформации (информации о документе), т.е. пар имя/значение, описывающих свойства документа, например, авторство, истечение даты, список ключевых слов и т.д.

Типичное отображение

Никакое. Элементы META не влияют на отображение самого документа. Они могут давать некоторый эффект при представлении информации о документе, например, в верхнем окне броузера или в ответе на запрос от поискового средства (смотрите ниже режим работы AltaVista ).

Основной синтаксис

<META NAME=имя элемента метаинформации CONTENT=содержимое информации>
или
<META HTTP-EQUIV=имя элемента метаинформации CONTENT=содержимое информации>

Возможные атрибуты

Допустимый контекст

Элемент заголовка, в котором может появиться любое количество элементов META.

Содержимое

Никакое.

Примеры

<META NAME=DESCRIPTION CONTENT= 
"An extensive guide to writing HTML 3.2 documents, with ../../examples and 
practical advice."> 
<META NAME=KEYWORDS CONTENT=
"structural HTML, logical markup"> 

Примечания

Наиболее известный поисковый сервер AltaVista распознает элементы META со значениями NAME, DESCRIPTION и KEYWORDS. AltaVista использует содержимое META элементов, когда индексирует документы, а значение CONTENT, соответствующее DESCRIPTION, - как резюме для документа, когда возвращает результаты запроса. (По умолчанию AltaVista использует первые несколько слов документа, как резюме, которые зачастую не дают представления о нем.) Для получения большей информации посмотрите Тег META: управление индексированием Вашей страницы в онлайновой помощи самой AltaVista.

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

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

Для детального ознакомления с вопросами о связи с поисковым сервером смотрите Учебное пособие по поисковой машине для Web дизайнеров.

Разница между NAME и HTTP-EQUIV заключается в том, что последний имеет особое значение, когда документы берутся через HTTP. HTTP серверы могут использовать собственное имя, специфицированное атрибутом HTTP-EQUIV, для создания заголовка в стиле RFC 822 в ответе HTTP. (RFC 822 описывает используемый в Internet протокол электронной почты.) Это не может быть использовано, чтобы установить определенные заголовки HTTP. В отношении деталей смотрите HTTP спецификации.

Например,
<META HTTP-EQUIV="Expires" CONTENT="Tue, 20 Aug 1996 14:25:27 GMT">
приведет к формированию HTTP заголовка
Expires: Tue, 20 Aug 1996 14:25:27 GMT
и это может быть использовано кэшем для определения того, когда выбрать свежую копию документа.

Если в документ включена такая метаинформация, как авторская информация или срок окончания в специальном формате, можно с помощью специальных программных средств периодически сканировать WWW сервер, чтобы автоматически посылать напоминание авторам.

OL - упорядоченные (нумерованные) списки

Цель

Для представления информации в виде упорядоченного (нумерованного) списка.

Типичное отображение

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

В противоположность элементу UL элементы списка нумеруются (по умолчанию - последовательно).

Основной синтаксис

<OL>
<LI> элемент списка 1
<LI> элемент списка 2
...
</OL>

Возможные атрибуты

Атрибутов TYPE и START нет HTML 2.0!

Смысл значений TYPE следующий:

 

Type	Стиль нумерации	Первые несколько цифр
1	обычные (арабские) числа	1, 2, 3, ...
a	Латинское написание на нижнем регистре	a, b, c, ...
A	Латинское написание на верхнем регистре	A, B, C, ...
i	Римские цифры на нижнем регистре	i, ii, iii, ...
I	Римские цифры на верхнем регистре	I, II, III, ...

Допустимый контекст

Блоковый контейнер.

Содержимое

LI элементы (один или более).

Примеры

Простой пример:

Пример OL-1.html:

<P>
Proceed as follows: 
</P> 
<OL> 
<LI> Try to guess how to use the program. 
<LI> If it fails, send lots of questions to Usenet News. 
<LI> If they flame you, consider contacting local user support. 
<LI> When everything else fails, read the manuals. 
</OL> 

Пример, в котором использованы римские цифры:

Пример OL-2.html:

<P> The declinations of nouns in Latin are best distinguished by the ending of the genetive singular: 
</P> 
<OL TYPE=I> 
<LI> <I>-ae</I>, eg <I>terra:terrae</I> 
<LI> <I>-i</I>, eg <I>annus:anni</I> 
<LI> <I>-is</I>, eg <I>labor:laboris</I> 
<LI> <I>-us</I>, eg <I>fructus:fructus</I> 
<LI> <I>-ei</I>, eg <I>dies:diei</I>. 
</OL>
 

Пример, показывающий перекрывающиеся действия атрибутов в элементах LI.

Пример OL-3.html:

<OL TYPE=a START=3 COMPACT> 
<LI> first item <LI> second item 
<LI VALUE=8> item after skipping a few values 
<LI> next item <LI TYPE=A> going on with uppercase 
<LI> this is the last item. 
</OL> 

Смотрите также Примеры различных списковых элементов в HTML.

Примечания

Смотрите общие замечания к списковым элементам.

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

Последовательность номеров элементов списка начинается со значения, задаваемого атрибутом START (по умолчанию 1). Вы можете переустановить его атрибутом VALUE элементов LI. Оба этих атрибута задаются целым значением. (Даже если Вы установили в атрибуте TYPE значение, отличное от 1, значение атрибута VALUE должно быть специфицировано, как последовательность цифр.) Вы не можете указать, на продолжение нумерации от предыдущего списка или, чтобы между списками было пропущено какое-либо значение.

Расположение номеров не специфицируется, например, римские цифры могут быть расположены слева, справа или по центру. Для альтернативного задания рассмотрите материал использование таблицы.

OPTION - элемент выбора в меню

Цель

Для представления элемента выбора в меню выбора в пределах формы.

Типичное отображение

Когда активизировано меню выбора, включающее элементы выбора, пользователь видит текст элементов выбора (опций) меню, либо часть списка такого текста, либо имеет возможность просматривать текст опций.

Основной синтаксис

<OPTION>текст</OPTION>

Конечный тег всегда может быть опущен.

Возможные атрибуты

Допустимый контекст

SELECT элемент.

Содержимое

Строка. Разрешены escape последовательности, но теги не распознаются.

Примеры

<OPTION>female</OPTION> 

P - обычный абзац

Цель

Представление обычного текстового абзаца.

Типичное отображение

Текстовый абзац, обычно выделяемый расширенным пустым местом в тексте (пустая строка) из числа других абзацев, заголовков и т.д. Броузер может вставлять дополнительные пробелы в начале первой строки; но большинство броузеров не делают этого.

Броузеры обычно форматируют абзацы так, чтобы подогнать их по горизонтали (по ширине экрана или окна).

Абзацы обычно отображаются полными по левому краю с неровной правой границей. Атрибут ALIGN может быть использован для точной спецификации горизонтального выравнивания.

Основной синтаксис

<P>абзац текста</P>

Возможные атрибуты (Нет в HTML 2.0!)

По умолчанию - левое выравнивание, однако это может быть перекрыто включением элемента DIV или CENTER.

Допустимый контекст

Блоковый контейнер.

Содержимое

Текстовые элементы.

Примеры

Пример P-1.html:

<P> 
This is a normal text paragraph which contains so many characters that 
it will most probably be split into several lines by a browser. 
</P> 

Пример P-2.html:

<P> 
This is a normal text paragraph with no attribute for horizontal alignment. 
Nothing special. 
</P> 
<P ALIGN=CENTER> 
<B>This is a paragraph which should be centered. It should also appear 
in bold face but this results from explicit use of a B element. Centering itself 
should not affect the 
font.</B> 
</P> 
<P ALIGN=RIGHT> 
This is a paragraph which should be rendered flush right. It is difficult to 
see why you would ever <EM>like</EM> to use this option! 
</P> 

Смотрите также примеры относительно BLOCKQUOTE, где продемонстрировано разумное использование ALIGN=RIGHT.

Примечания

Смотрите общее обсуждение абзаце-подобных элементов для выбора подходящих HTML элементов для различных видов абзацев. В частности, если у Вас есть набор тесно связанных малых абзацев, Вы можете организовать их в списки, используя элементы UL и LI вместо P; это типичный способ более компактного визуального представления.

Если Вы намерены использовать элемент P для выравнивания, помните, что он может содержать только текстовые элементы, а элемент DIV - также и блоковые элементы.

Конечный тег </P> всегда может быть опущен, и обычно он опускается. Это, однако может исказить мысли людей: они относятся к <P>, как отделителю абзаца, а в действительности этот элемент инициализирует абзац (завершаемый явным заданием </P> или косвенным заданием тегов, подобных <P> или <H1>).

Абзац не может быть вложенным, что и позволяет опустить </P>. Один способ смоделировать подабзацы - использовать элементы BR в пределах элемента P, другой - использовать списковые элементы (например, UL) вместо элементов P.

Смотрите также раздел Разделение на строки и использование символов пробелов и табуляции.

PARAM - параметры апплета (Нет в HTML 2.0!)

Цель

Передать параметры Java апплету.

Типичное отображение

Непосредственно не отображается, но может проявиться в действиях апплета.

Основной синтаксис

<PARAM NAME=имя VALUE=значение>

Возможные атрибуты

Допустимый контекст

Элемент APPLET

Содержимое

Никакое.

Примеры

<PARAM NAME=snd VALUE="Hello.au"> 

Примечания

Символы escape последовательностей, например, é, " и ¹ определяются прежде, чем значение параметра передается апплету. Для включения символа & используйте &.

PRE - предварительно отформатированный текст

Цель

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

Типичное отображение

Текст отображается шрифтом одного размера, т.е. шрифтом типа телетайпного, в котором все символы занимают один и тот же размер по горизонтали. Использование пробелов и переводов строк точно соответствует содержимому в пределах элемента PRE.

Основной синтаксис

<PRE>
отформатированный текст
</PRE>

Возможные атрибуты

Значение WIDTH должно быть равно или больше, чем длина самой длинной строки. В принципе, атрибут WIDTH должен обеспечивать броузер информацией, чтобы выбрать шрифт подходящего размера или скорректировать отступы для представления текста в требуемом виде. Но обычно это не делается броузерами, а сами Вы не можете установить размер шрифта, так как изменяющие размер шрифта элементы недопустимы в пределах PRE. Например, текст шире 80 символов будет отображен неправильно, даже если Вы используете атрибут WIDTH.

Допустимый контекст

Блоковый контейнер.

Содержимое

Любой текстовый элемент, за исключением изображений (IMG) и элементов изменений размера шрифта (BIG, SMALL, SUB, SUP, FONT).

Примеры

Простейший пример:

Пример PRE-1.html:

<PRE> To be or not to be, that is the question. </PRE> 

Другой пример:

Пример PRE-2.html:

The printable characters of ASCII: 
<PRE> 
! " # $ % &amp; ' () * +, -. / 
0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ? 
@ A B C D E F G H I J K L M N O 
P Q R S T U V W X Y Z [ \ ] ^ _ 
` a b c d e f g h i j k l m n o 
p q r s t u v w x y z { | } ~ 
</PRE> 

Попытка представить компьютерный листинг, подобный выводимому на принтер:

Пример PRE-3.html:

The printout from the program is the following. Each line contains ten
real numbers, each in a field of ten characters. Notice that when viewing
this document on WWW, the rendering of the printout can be unsatisfactory;
in such a case widen the WWW window, if possible.
<PRE WIDTH=100> 
0.5138707 0.1757256 0.3086337 0.5345317 0.9476302 0.1717277 0.7022309 0.2264168 0.4947661 0.1246986 
0.0838954 0.3896298 0.2772301 0.3680532 0.9834590 0.5353862 0.7656789 0.6464736 0.7671438 0.7802362 
0.8229621 0.1519211 0.6254769 0.3146764 0.3469039 0.9172033 0.5197607 0.4011658 0.6067690 0.7854244 
</PRE> 

Пример элемента PRE, содержащего связи:

Пример PRE-4.html:

Contact information (phone and E-mail):
<PRE>
help desk     4344 <A HREF="mailto:atk-neuvonta@hut.fi">atk-neuvonta@hut.fi</A>
operators     4341 <A HREF="mailto:opr@hut.fi">opr@hut.fi</A>
WWW problems  4331 <A HREF="mailto:webmaster@hut.fi">webmaster@hut.fi</A>
</PRE>

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

Примечания

Как альтернативу использованию элемента PRE, рассмотрите использование обычного абзаца так, чтобы каждая строка переводилась элементом BR. Это не устраняет неудобств по разделению строк броузером (однако, если броузер разделяет строки, это означает, что они настолько длинны, что и для элемента PRE это тоже создаст проблемы) и не предохраняет от использования лидирующих пробелов или многократных пробелов в пределах строки . С другой стороны это дает гибкость, проявляющуюся, например, в использовании любых шрифтов.

Другая альтернатива, часто используемая для больших текстов или данных, предусматривает написание отдельного текстового файла, к которому Вы устанавливаете связь в Вашем HTML документе.

Предыдущая версия HTML включала элементы XMP, LISTING и PLAINTEXT. Они сейчас устарели и взамен них используется элемент PRE.

Одно из обычных использований элемента PRE - представление таблиц (смотрите пример 3). Однако, элемент TABLE для этих целей может подойти больше. Вы также можете рассмотреть возможность представления Ваших таблиц в двух вариантах - используя TABLE в основной форме и обеспечивая форму PRE для тех читателей, которые используют нетабличные броузеры.

Хотя элемент A и фразы разметки (например, STRONG) можно использовать в пределах элементов PRE, способности броузеров в их представлении могут быть более ограничены, чем вне PRE. Смотрите также примечания к представлению взаимодействия с компьютером.

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

Хотя броузер должен показывать строки так, как они представлены в исходном коде, броузер может, например, использовать постоянный левый отступ для предварительно отформатированных абзацев.

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

Если символы <, > или & встречаются в данных, то они должны быть выражены с использованием escape синтаксиса (как в примере 2). В частности, Вы должны делать так, когда включаете код HTML в Ваш документ для вывода исходного кода.

Стандарт SGML требует, чтобы синтаксический анализатор устранил пустые строки сразу за начальным тегом и непосредственно предшествующие конечному тегу. Таким образом, не имеет значения, напишите ли Вы тег <PRE> на отдельной строке или как префикс к первой строке текста.

SAMP - образец вывода

Цель

Для представления образцов вывода из программ, команд, скриптов и т.д.

Типичное отображение

Текст одного размера. Смотрите общие примечания к отображению разметки.

Основной синтаксис

<SAMP>текст</SAMP>

Возможные атрибуты

Никаких.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Перевод абзаца не разрешен.

Примеры

Пример SAMP-1.html:

The fatal error message <SAMP>Bus error - core dumped</SAMP> can be caused
by very different bugs in your program.

Примечания

Большие разделы вывода лучше представлять с использованием элемента PRE или отдельных текстовых файлов, к которым установлены связи в HTML файлах.

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

SCRIPT - зарезервирован для будущего использования (Нет в HTML 2.0!)

Цель

Зарезервировано для будущего использования с описывающими языками.

Типичное отображение

Никакое. Программы просмотра не должны показывать содержимое элементов SCRIPT.

Основной синтаксис

<SCRIPT>скриптовые объявления</SCRIPT>

Возможные атрибуты

Никаких.

Допустимый контекст

Раздел заголовка.

Содержимое

Скриптовые объявления. Синтаксис и семантика должны быть определены отдельно.

Технически эти элементы определены с CDATA, как тип содержимого. В результате они могут содержать только символы SGML. Все символы разметки или разделители игнорируются и пропускаются, как данные приложения, за исключением пары </, непосредственно сопровождаемой символами (a - z, A - Z). Это означает, что распознан конечный тег элемента (или элемента, в который он вложен).

Примеры

Так как семантика для элемента SCRIPT не определена в HTML 3.2, нет возможности дать какой-нибудь выразительный пример.

Примечания

Элементы SCRIPT в будущих версиях HTML будут служить для создания и поддержки сценариев.

SELECT (ВЫБРАТЬ) - меню выбора в форме

Цель

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

Типичное отображение

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

Основной синтаксис

<SELECT NAME=имя>
элементы OPTION
</SELECT>

Возможные атрибуты

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство HTML элементов. Однако, текстовый контейнер может появиться только в пределах элемента FORM.

Содержимое

OPTION элементы.

Примеры

Пример:

 
<SELECT NAME="flavor"> 
<OPTION VALUE=a>Vanilla 
<OPTION VALUE=b>Strawberry 
<OPTION VALUE=c>Rum and Raisin 
<OPTION VALUE=d>Peach and Orange 
</SELECT> 

Примечания

Смотрите обсуждение формы.

Как альтернативу SELECT, Вы можете использовать элемент INPUT с TYPE=CHECKBOX или TYPE=RADIO, который при отображении позволяет пользователю увидеть все варианты сразу.

SMALL (МАЛЫЙ) - малый шрифт (Нет в HTML 2.0!)

Цель

Для представления текста малым шрифтом, например, для обозначения текста меньшей важности.

Типичное отображение

Меньше, чем обычный шрифт. Смотрите общие примечания к отображению разметки.

Основной синтаксис

<SMALL>текст</SMALL>

Возможные атрибуты

Никаких.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Заметим, что перевод абзаца не разрешается.

Примеры

Пример SMALL-1.html:

<P> 
This is normal text. 
</P> 
<P> 
<SMALL> This text will be presented in a smaller font, if possible. </SMALL> 
</P> 

Примечания

Как упомянуто при обсуждении фразовых элементов, это - не логическая разметка для де-выделения. Хотя элемент SMALL, несмотря на существование физической разметки, может быть использован именно для этой цели.

Не определено, что получится при вложенности элементов SMALL. Неясно, получится ли тот же результат при использовании мелкого шрифта и единственного элемента SMALL, что и при задании более крупного шрифта и вложенных SMALL.

Элемент FONT может обеспечить больше вариантов для спецификации различных размеров шрифта.

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

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

STRIKE - перечеркнутый текст (Нет в HTML 2.0!)

Цель

Представление зачеркнутого текста (по ходу представления).

Типичное отображение

Зачеркнутые слова - для строк в середине текста. Смотрите общие примечания к отображению разметки.

Основной синтаксис

<STRIKE>текст</STRIKE>

Возможные атрибуты

Никаких.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Перевод абзацев не разрешен.

Примеры

Пример STRIKE-1.html:

Compare <STRIKE>strike-through text</STRIKE> with normal text.

Примечания

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

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

Спецификация HTML 2.0 не включает STRIKE, однако упоминает его, как элемент, который должен быть "развернут до некоторой степени ".

HTML 3.2 Ссылочные Спецификации предупреждают, что 'STRIKE может быть заменен более выразительным тегом "S" из HTML 3.0'.

STRONG - сильное подчеркивание

Цель

Для сильного подчеркивания.

Типичное отображение

Выделение жирным шрифтом. Также броузеры могут использовать подчеркивание (так делает, например, Lynx). Смотрите общие примечания к отображению разметки.

Основной синтаксис

<STRONG>текст</STRONG>

Возможные атрибуты

Никаких.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Перевод абзацев не разрешен.

Пример

Пример STRONG-1.html:

For your own safety,
<STRONG>turn the power off before opening the device.</STRONG>
 

Примечания

Не подчеркивайте слишком много! Подчеркивая все подряд - Вы не подчеркиваете ничего.

Элемент STRONG реализует более сильное подчеркивание, чем элемент EM.

Смотрите также общие ремарки о фразовых элементах.

STYLE - таблицы стилей (Нет в HTML 2.0!)

Цель

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

Типичное отображение

Таблица стилей, если она поддерживается броузером, может по-разному влиять на отображение. Содержимое элемента STYLE состоит из команд для отображения и не должно высвечиваться броузером.

Основной синтаксис

<STYLE>информация о стиле</STYLE>

Возможные атрибуты

Согласно HTML 3.2 Ссылочным Спецификациям - никаких. Но различные спецификации таблиц стилей упоминают некоторые атрибуты элемента STYLE.

Допустимый контекст

Раздел заголовка.

Содержимое

Информация о стиле. Синтаксис и семантика должны быть определены отдельно.

Технически эти элементы определяются с CDATA, как тип содержимого. В результате они могут содержать только SGML символы. Все символы разметки или ограничители игнорируются и пропускаются, как данные приложения, за исключением пары символов </, за которыми сразу же следуют символы (a - z, A - Z). Это означает, что распознан конечный тег (или элемент, в котором он находится).

Также как и в комментариях, рекомендуется вокруг содержимого элемента STYLE вводить разделители <!-- и -->. Если Вы так сделаете, это гарантирует, что старые броузеры (не понимающие STYLE) не высветят содержимое.

Примеры

Ниже приведен пример очень простых таблиц стилей (согласно CSS1), специфицирующих при отображении использование шрифта sans-serif для всех элементов, за исключением элементов U, отображающихся шрифтом serif (в дополнение к подчеркиванию).

Пример STYLE-1.html:

<HEAD> 
<STYLE><!-- 
BODY { font-family: sans-serif } 
U { font-family: serif } 
--></STYLE> 
</HEAD> 
<BODY> 
Sample text 1.<BR> 
<U>Sample text 2.</U> 
</BODY> 

Примечания

Согласно HTML 3.2 Ссылочным Спецификациям на сегодняшний день элементы STYLE "держат место" для введения таблиц стилей в будущих версиях HTML.

SUB - подстрочный знак (Нет в HTML 2.0!)

Цель

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

Типичное отображение

Немного ниже уровня обычного текста; часто так, что текст индекса центрирован относительно нижнего уровня обычного текста и, возможно, меньшим шрифтом. Смотрите общие примечания к отображению разметки.

Основной синтаксис

<SUB>текст</SUB>

Возможные атрибуты

Никаких.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Перевод абзаца не разрешается.

Примеры

Пример SUB-1.html:

Let us form the sum of all x<SUB>i</SUB>'s, ie
x<SUB>1</SUB> + x<SUB>2</SUB> + ... + x<SUB>n</SUB>.

Примечания

Существует также тег для надстрочного знака SUP, однако HTML 3.2 не обеспечивает полную поддержку математических формул.

Так как этот тег - новый, он поддерживается не везде. Некоторые броузеры просто игнорируют его, высвечивая, например, a<SUB>1</SUB> как a1. Текстовые броузеры также не могут правильно поддерживать SUB.

Описатель подстрочного знака может быть вложенным, что может привести к отображению внутреннего подстрочного знака очень маленьким шрифтом. Броузер Internet Explorer игнорирует теги SUB после двух уровней вложенности.

Смотрите также общие примечания по текстовой разметке.

SUP - надстрочный знак (Нет в HTML 2.0!)

Цель

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

Типичное отображение

Немного выше уровня нормального текста и, возможно, малым шрифтом. Смотрите общие примечания к отображению разметки.

Основной синтаксис

<SUP>текст</SUP>

Возможные атрибуты

Никаких.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Перевод абзацев не разрешен.

Примеры

Пример SUP-1.html:

The notation A<SUP>T</SUP> denotes the transpose of A.

Пример SUP-2.html:

Consider the equation
x<SUP>n</SUP> + y<SUP>n</SUP> = z<SUP>n</SUP>.

Пример SUP-3.html:

The expression a<SUP>b<SUP>c</SUP></SUP>
means a<SUP>(b<SUP>c</SUP>)</SUP>.

Пример SUP-4.html:

This example is a text paragraph which contains several
superscripted expressions such as m<SUP>2</SUP> and e<SUP>x</SUP>.
They may affect the visual appearance of the paragraph by
forcing the browser to use different line heighths. This
applies in particular to expressions with large and nested
superscripts such as (f(a))<SUP>e<SUP>x<SUP>2y</SUP></SUP></SUP>.

Примечания

Цифры 1, 2 или 3 в качестве надстрочных символов можно представить и другим способом, так как набор символов ISO Latin 1 содержит коды для них. Например: mІ или, с использованием escape символов, m&sup2;.

Существует также тег для подстрочного знака SUB, однако HTML 3.2 не обеспечивает полной поддержки математических формул.

Так как этот тег - новый, поддерживают его не все программы. Некоторые броузеры просто игнорируют его, представляя, например, a<SUP>T</SUP> как aT. Текстовые броузеры также не могут правильно использовать SUP.

Как видно из последнего примера, надстрочные символы могут быть вложенными, что приводит к отображению внутреннего надстрочного текста очень маленьким шрифтом. Броузер Internet Explorer игнорирует теги SUP для уровня вложенности выше двух.

Смотрите также общие примечания по текстовой разметке.

TABLE - таблицы (Нет в HTML 2.0!)

Цель

Для представления табличной информации, т.е. структуры, подобной матричной.

Типичное отображение

Таблица, по умолчанию без окружающей рамки (бордюра). Если рамка существует (задается атрибутом BORDER), таблицы отображены в барельефном приподнятом виде с внешней рамкой со скосом, и отдельными вставленными в эту приподнятую поверхность ячейками. Если ячейки имеют явное содержание, рамки вокруг отдельных ячеек вычерчены. Незаполненное пространство в таблице не выделяется, за исключением &nbsp;.

Размер таблицы для отображения содержимого обычно устанавливается броузером автоматически, однако можно установить ширину таблицы, используя атрибут WIDTH.

Основной синтаксис

<TABLE>
строки таблицы (TR элементы)
</TABLE>

Возможные атрибуты

Обычно атрибут BORDER (с ненулевым значением) устанавливает по умолчанию CELLSPACING=1. Это означает, что при установке рамки для всей таблицы Вы также установите рамки в один пиксел для отдельных ячеек.

Обычно примыкающие табличные ячейки разделены общей рамкой, а в HTML каждой ячейке назначается ее собственная рамка, которая отделяется от рамок вокруг соседних ячеек. Это разделение может быть установлено в пикселях с использованием атрибута CELLSPACING (например, CELLSPACING=10). Это же значение определяет расстояние между табличной рамкой и рамками наиболее удаленных от центра ячеек.

Допустимый контекст

Блоковый контейнер.

Содержимое

Один или более TR элементов, следующих за необязательным элементом CAPTION.

Примеры

Типичный пример:

Пример TABLE-1.html:

<TABLE> 
<CAPTION>Areas of the Nordic countries, in sq km</CAPTION> 
<TR><TH>Country</TH> <TH>Total area</TH> <TH>Land area</TH> 
<TR><TH>Denmark</TH> <TD ALIGN=RIGHT> 43, 070 </TD><TD ALIGN=RIGHT> 42, 370</TR> 
<TR><TH>Finland</TH> <TD ALIGN=RIGHT>337, 030 </TD><TD ALIGN=RIGHT>305, 470</TR> 
<TR><TH>Iceland</TH> <TD ALIGN=RIGHT>103, 000 </TD><TD ALIGN=RIGHT>100, 250</TR> 
<TR><TH>Norway</TH> <TD ALIGN=RIGHT>324, 220 </TD><TD ALIGN=RIGHT>307, 860</TR> 
<TR><TH>Sweden</TH> <TD ALIGN=RIGHT>449, 964 </TD><TD ALIGN=RIGHT>410, 928</TR> 
</TABLE> 

Пример таблицы с заданными параметрами:

Пример TABLE-2.html:

<TABLE ALIGN=CENTER WIDTH="80%" BORDER=1 CELLSPACING=10 CELLPADDING=3> 
<CAPTION>The Nordic countries</CAPTION> 
<TR> 
       <TD>Denmark</TD> 
       <TD>Finland </TD> 
       <TD>Iceland </TD> 
       <TD>Norway </TD> 
       <TD>Sweden </TD> 
</TR> 
</TABLE> 

Примечания

Смотрите обсуждение таблиц, где приводятся дополнительные примеры.

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

Когда есть обычный текст до и после таблицы, рекомендуется завершить предшествующий абзац явным заданием тега </P> и начать следующий абзац явным заданием тега <P>, так как броузер (например, Netscape) может не отобразить таблицу с пустым вертикальным пространством вокруг нее.

Если число ячеек в различных строках не согласуются, результат отображения таблицы скорее всего будет беспорядочным (примите во внимание атрибут ROWSPAN).

Выравнивание по умолчанию для содержимого табличных ячеек, особенно для числовых таблиц, не применяется, так как нет способа для спецификации такого выравнивания, за исключением построчного выравнивания в элементе TR. Заметим, что атрибут ALIGN из элемента TABLE специфицирует выравнивание всей таблицы и не влияет на выравнивание по умолчанию содержимого ячеек.

TD - табличные данные (ячейка) (Нет в HTML 2.0!)

Цель

Для представления данных ячейки в таблице.

Типичное отображение

Ячейка данных в таблице, обычно представленная с использованием шрифта нормального текста (хотя броузер предположительно может разрешить использовать шрифт меньшего размера). По умолчанию данные выровнены по левому краю в пределах пространства, выделенного броузером для ячейки.

Основной синтаксис

<TD>данные</TD>

В принципе, конечный тег </TD> может быть опущен. Но делать так не рекомендуется, так как некоторые броузеры (включая Netscape) могут представлять данные неверно.

Возможные атрибуты

Допустимый контекст

TR элемент.

Содержимое

Заголовки, текстовые элементы, блоковые элементы и элементы ADDRESS.

Примеры

<TD>3.1416</TD>

Примечания

Смотрите обсуждение таблиц, где приводятся дополнительные примеры.

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

• обычно элементы TH более выделены, чем элементы TD;

• выравнивание по умолчанию предполагает центрирование для TH и по левому краю для TD.

Иногда не важно, используете ли Вы TD или TH, особенно, если это касается первого столбца (т.е. первого элемента каждой строки).

TEXTAREA - многострочное поле текстового ввода в форме

Цель

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

Типичное отображение

Область ввода, появляющаяся в виде отдельного прямоугольника, возможно, имеющего свой фоновый цвет и обычно со скроллингом некоторого типа как в вертикальном, так и в горизонтальном направлении. Область инициализирована содержимым элемента TEXTAREA, использующим одноразмерный шрифт.

Основной синтаксис

<TEXTAREA NAME=имя ROWS=m COLS=n>
текст
</TEXTAREA>

Возможные атрибуты

Программа просмотра не должна интерпретировать атрибуты ROWS и COLS, как ограничивающие размер действительного ввода. Броузер должен предоставить некоторые средства скроллинга содержимого области вводимого текста, когда его размер выходит за пределы видимой области.

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

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может включать текстовые элементы. Это включает большинство элементов HTML. Однако, текстовый контейнер может появляться только в пределах элемента FORM.

Содержимое

Строка. Escape последовательность разрешена, однако никакие теги не распознаются.

Содержимое используется для инициализации текста, который выводится в вводном поле при первой загрузке документа.

Примеры

 <TEXTAREA NAME=address ROWS=4 COLS=40> 
Your address here... 
</TEXTAREA> 

Примечания

Смотрите обсуждение форм.

Для однострокового поля ввода можно использовать элемент INPUT с TYPE=TEXT.

Обычно программы просмотра при передаче содержимого поля осуществляют окончание строк средствами CR, LF (ASCII десятичное 13, 10). Символьный набор для передаваемых данных должен быть ISO Latin 1, если только сервер предварительно не обозначил, что он может поддерживать альтернативный набор символов.

TH - табличный заголовок (ячейка) (Нет в HTML 2.0!)

Цель

Для представления в пределах таблицы ячейки, которая "действует", как заголовок (строки или столбца).

Типичное отображение

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

Основной синтаксис

<TH>данные</TH>

В принципе, конечный тег </TH> может быть опущен, но так делать не рекомендуется, так как некоторые броузеры (включая Netscape) могут представлять данные неверно.

Возможные атрибуты

Допустимый контекст

TR элемент.

Содержимое

Заголовки, текстовые элементы, блоковые элементы и элементы ADDRESS.

Примеры

<TH>Sum</TH>

Примечания

Смотрите обсуждение таблиц, где приведены дополнительные примеры.

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

• обычно элементы TH отображаются более значимо, чем элементы TD;

• по умолчанию выравнивание для TH - по центру, а для TD - по левому краю.

Иногда не важно, используете ли Вы TD или TH, особенно это касается первого столбца (т.е. первого элемента каждой строки).

TITLE - "внешний" заголовок (титул)

Цель

Для задания обязательного "внешнего" заголовка документа.

Типичное отображение

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

Основной синтаксис

<TITLE>последовательность символов</TITLE>

Возможные атрибуты

Никаких.

Допустимый контекст

Заголовочный элемент, в котором есть хотя бы один элемент TITLE.

Содержимое

Последовательность символов. В TITLE можно использовать escape последовательности, например, &lt; (для <) и &auml; (для д), но никакие теги HTML не разрешены, поэтому Вы не можете задавать в заголовке размеры шрифтов или выделения.

Примеры

<TITLE>A study of population dynamics</TITLE> 

Примечания

Написать хорошее заглавие - очень важно, так как списки результатов поиска, возвращаемые поисковым сервером, могут использовать его. По этой же причине титул должен быть наглядным (и привлекательным!) даже вне контекста, т.е. в случае, когда только титул и несет информацию о документе. Избегайте титулов, подобных "Введение...".

С другой стороны, титул должен быть относительно коротким, чтобы одной строкой передать смысл всего документа. HTML 2.0 спецификации говорят, что длинный титул может быть усечен и что титул не должен превышать 63 символов в длину.

Смотрите также общие примечания к разделу заглавия.

Используйте H1 или другие заголовочные элементы, чтобы специфицировать главный заголовок документа. Использование такого заголовка в начале документа и использование элемента TITLE не является взаимозаменяемым, а служит различным целям; оба способа - настоятельно рекомендуются. Текст титула и текст главного заголовка могут быть идентичны, однако, это не является необходимостью.

TR - табличная строка (Нет в HTML 2.0!)

Цель

Для представления строки таблицы.

Типичное отображение

Одна строка таблицы.

Основной синтаксис

<TR>заголовок ячеек (TH элементы) и данные ячеек (TD элементы)</TR>

В принципе, конечный тег </TR> может быть опущен, но делать так не рекомендуется, так как при этом некоторые броузеры (включая Netscape) могут представлять таблицу неверно.

Возможные атрибуты

Допустимый контекст

TABLE элемент.

Содержимое

TH и TD элементы.

Примеры

<TR><TD>3.70 <TD>4.69 <TD>8.02 </TR> 

Примечания

Смотрите обсуждение таблиц, где содержатся дополнительные примеры.

TT - телетайпный (одноразмерный) текст

Цель

Для представления текста одноразмерным шрифтом.

Типичное отображение

Одноразмерный шрифт. Смотрите общие примечания к отображению разметки.

Основной синтаксис

<TT>текст</TT>

Возможные атрибуты

Никаких.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Перевод абзаца не разрешен.

Примеры

Пример TT-1.html:

Compare <TT>monospaced font</TT> with normal font.

Примечания

Избегайте использования TT. Вместо него лучше использовать логическую разметку, например, CODE или SAMP.

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

U - подчеркивание (Нет в HTML 2.0!)

Цель

Для подчеркивания (выделения) текста.

Типичное отображение

Подчеркнутое (выделенное). Однако, например, Netscape представляет содержимое элемента U, как обычный текст (его авторы полагают, что подчеркивание может вызвать проблемы с гиперсвязями). Смотрите общие примечания к отображению разметки.

Основной синтаксис

<U>текст</U>

Возможные атрибуты

Никаких.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Перевод абзаца не разрешен.

Примеры

Пример U-1.html:

Compare <U>underlined text</U> with normal text.

Примечание

Избегайте использования элемента U. Вместо него лучше использовать логическую разметку, например, EM или STRONG.

Спецификации HTML 2.0 не включают U, однако упоминают его, как элемент, который может быть "развернут до некоторой степени".

Смотрите общие примечания по текстовой разметке, которые содержат дополнительные примеры

UL - неупорядоченные (ненумерованные) списки

Цель

Для представления информации в списковой форме без нумерации элементов.

Типичное отображение

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

Основной синтаксис

<UL>
<LI> элемент списка 1
<LI> элемент списка 2
...
</UL>

Возможные атрибуты

Значение по умолчанию буллет стиля обычно зависит от уровня вложенности списков.

Допустимый контекст

Блоковый контейнер.

Содержимое

LI элементы (один или более).

Примеры

Простой пример:

Пример UL-1.html:

Remember to buy
<UL> 
<LI> milk 
<LI> bread 
<LI> apples. 
</UL>
 

Пример, показывающий как может выглядеть буллет. Заметим, что атрибут TYPE в элементе LI перекрывает внешний элемент UL.

Пример UL-2.html:

<UL TYPE=DISC COMPACT> 
<LI> disc 
<LI TYPE=SQUARE> square 
<LI TYPE=CIRCLE> circle 
</UL> 

Смотрите также Примеры различных списковых элементов в HTML.

Примечания

Смотрите общие примечания к списковым элементам для обсуждения отдельных из них.

Элемент UL должен включать, по крайней мере, один элемент LI. Некоторые пользователи и редакторы HTML могут создавать элементы UL с текстом в его пределах, даже с вложенными элементами UL - в надежде получить отступы различного размера. Если Вам это необходимо, включите текст в элемент LI (хотя это обычно вызывает появление буллетов на экране), а его, в свою очередь, в элемент UL. (Таблицы стилей предоставят механизмы для управления отступами.)

VAR - переменные

Цель

Для обозначения того, что часть текста (обычно, слово) является переменной, т.е. элементом, который может заменяться различными выражениями.

Типичное отображение

Курсивом. К сожалению, броузер Internet Explorer (IE) отображает VAR с использованием одноразмерного шрифта. (Так как новые версии IE поддерживают таблицы стилей, Вы можете задать стилевое правило, подобное VAR { font-style : italic }.) Смотрите общие примечания к отображению разметки.

Основной синтаксис

<VAR>текст</VAR>

Возможные атрибуты

Никаких.

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы. Перевод абзаца не разрешен.

Примеры

Пример VAR-1.html:

In the simplest case, the command for deleting a file in Unix is<BR>
<KBD>rm</KBD> <VAR>filename</VAR>

Примечания

Смотрите примечания по представлению взаимодействия с компьютером и общие замечания по фразовым элементам.