Вы здесь

Классификация элементов

Зсе элементы, предусмотренные в HTML, можно условно разбить на несколько категорий:

✓ структурные - это элементы, которые обязательны для документа, соответствующе­го стандарту HTML (например, элементы HTML, HEAD, BODY и TITLE);

/ блоковые - элементы, которые предназначены для форматирования целых текстовых блоков (например, элементы BLOCKQUOTE, DIV, HI, Н2, НЗ, Н4, Н5, Н6, Р, PRE); часто блоковые элементы отделяются переводом строки от остального содержания документа;

✓ текстовые - элементы, которые задают разметку текста (ЕМ, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, ACRONYM), разметку шрифта (I, В, U, TT, BIG, SMALL, SUB, SUP);

✓ специальные - элементы пустой строки (BR, HR, NOBR), якорный элемент А, вне­дренные элементы (EMBED, IMG, BGSOUND, OBJECT, MAP), элементы формы (INPUT, SELECT, TEXTAREA), элементы таблицы (TABLE) и др.

Вложенные элементы

В документе HTML обязательно присутствуют вложенные элементы, то есть элементы, включенные в состав других элементов. Так, в примере из раздела «Ваша первая Web - страница» элемент TITLE вложен в элемент HEAD, а элемент Р - в, элемент BODY. Элементы HEAD и BODY, в свою очередь, являются вложенными в элемент HTML.

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

✓ Структурные элементы могут включать в себя элементы других категорий. Например, элемент <HTML> является внешним по отношению ко всем остальным элементам;

✓ Блоковые элементы могут включать в себя другие блоковые или текстовые эле­менты. Так, элемент TABLE, задающий таблицу, может содержать элементы заго­ловка H1 и разметки шрифта I, В;

Текстовые элементы также могут быть вложенными, но они не могут включать блоковые элементы. Например, недопустимо, чтобы элементы верхних индексов SUP содержали элементы абзаца Р или списков UL;

При составлении HTML -кода нужно следить за правильным написанием имен вло­женных парных тегов. Для закрытия тегов лучше придерживаться последовательно­сти: от последнего к первому. Понятно, что подобных проблем не возникает с оди­ночными тегами.

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

<ОL><UL>Пример правильного вложения элементов</UL></ОL>

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

<ОL><UL>Пример некорректного вложения элементов</OL></UL>

Пустые элементы

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