Команды форматирования заголовков.
В HTML предусмотрены управляющие коды заголовков шести уровней, которые можно использовать для форматирования заголовков и подзаголовков документа: <H1>, <H2>, <H3>, <H4>, <H5> и <H6>. Эти коды должны использоваться парами; например, последовательность HTML
<H1>Мой заголовок</H1>
означает, что текст "Мой заголовок" будет выведен как заголовок первого уровня. Хотя действительная гарнитура и кегль будут зависеть от программы просмотра (и даже могут задаваться пользователем), вы можете быть уверены, что текст, выделенный кодами <H1>, будет крупнее и внушительнее, чем текст <H2>, который, в свою очередь, будет больше текста <H3> и т. д.
Управляющие коды заголовков оказывают важное влияние на текстовый поток. Когда встречается код заголовка, текущий абзац заканчивается и текст заголовка выводится выровненным по левому краю визуально отличающимся шрифтом с дополнительным промежутком сверху и снизу; далее поток текста снова начинается с левого края. Размер промежутка выше и ниже заголовка приблизительно равен высоте одной строки заголовка. Уменьшить этот промежуток нельзя, но вы можете задать дополнительный промежуток вокруг заголовка, вставив коды <P> перед или после кодов, выделяющих заголовок.
Рис. 1 и 2 содержат исходный HTML-текст с различными уровнями заголовков и результат его обработки программой просмотра Netscape Navigator на обычной машине с Windows 3.1.
Рис. 1. Данный исходный текст HTML показывает различные типы заголовков HTML.
<HTML>
<HEAD>
<TITLE>HTML Headings</TITLE>
</HEAD>
<BODY>
<H1>This is a Level 1 Heading</H1>
<HR>
<H2>This is a Level 2 Heading</H2>
<HR>
<H3>This is a Level 3 Heading</H3>
<HR>
<H4>This is a Level 4 Heading</H4>
<HR>
<H5>This is a Level 5 Heading</H5>
<HR>
<H6>This is a Level 6 Heading</H6>
<HR>
<ADDRESS>
Created 3/13/95 / Last Modified 3/13/95/<BR>
Cedars-Sinai Medical Center / duncan@csmc.edu
</ADDRESS>
</BODY>
</HTML>
Рис.2. Эти заголовки сформированы программой просмотра Web по исходному тексту HTML на рис. 1
This is a Level 1 Heading
This is a Level 2 Heading
This is a Level 3 Heading
This is a Level 4 Heading
This is a Level 5 Heading
This is a Level 6 Heading
Created 3/13/95 / Last Modified 3/13/95/ Cedars-Sinai Medical Center / duncan@csmc.edu
Команды форматирования символов.
Управляющие коды форматирования символов можно разделить на две подгруппы: коды физических атрибутов символов и коды логических атрибутов символов. Эти коды всегда парные, и вы вставляете их прямо в поток символов; они не влияют на отступы, промежутки и переводы строк. Коды физических атрибутов соответствуют параметрам форматирования, применяемым в текстовых процессорах:
<B> Полужирный шрифт
<I> Курсив
<U> Подчеркивание
<TT> "Телетайпный" текст - равноширинный шрифт (Курьер)
Например, последовательность текста
Второе <B>слово</B> в этом <I>предложении</I>
выделено полужирным шрифтом, а пятое - курсивом. <P>
будет выглядеть на экране так:
Второе слово в этом предложении выделено полужирным
шрифтом, а пятое - курсивом.
Коды логических атрибутов более абстрактны и более многочисленны и примерно соответствуют стилям символов из таблицы стилей текстового процессора:
|
<ADDRESS> |
Информация для контакта с автором документа HTML |
|
<CITE> |
Цитата |
|
<CODE> |
Используется для директив HTML |
|
<DFN> |
Определение |
|
<EM> |
Выделение (обычно курсивом) |
|
<KBD> |
Клавиатурный символ |
|
<SAMP> |
Пример вывода команды |
|
<STRONG> |
Усиленное выделение (полужирным шрифтом) |
|
<VAR> |
Переменная в программе |
Когда вы используете управляющие коды логических атрибутов форматирования символов, в действительности вы не можете предсказать, как конкретная программа просмотра Web их обработает. В настоящее время большинство программ просмотра отображают различные коды логических атрибутов в <B>, <I> и <TT> и часто больше ничего с ними не делают. В то же время использование логических стилей открывает множество возможностей на будущее, поскольку данные коды сообщают программе просмотра нечто важное о природе текста и о его виде. Так что авторам Web лучше там, где это возможно, использовать коды логических, а не физических атрибутов.
Кстати, может возникнуть соблазн попытаться использовать коды форматирования символов в сочетании, например так: <B><I><U>Некоторый текст</U></I></B>. Ведь это обычный способ применять несколько атрибутов форматирования к символам в текстовом процессоре! Однако правильное поведение программ просмотра Web в ответ на такую последовательность не гарантируется: одни могут доблестно попытаться выполнить все ваши указания, другие просто выберут какой-то один атрибут и применят его, а некоторые могут просто ничего не сделать. Мой совет - избегать использовать коды форматирования символов в сочетаниях.
На рисунках 3 и 4 показаны примеры управляющих кодов форматирования символов и их действие.
Рис.3. Этот исходный текст HTML показывает различные коды форматирования символов HTML.
<HTML>
<HEAD>
<TITLE>HTML Character Formatting</TITLE>
</HEAD>
<BODY>
<H1>Examples of HTML Character Formatting</H1>
<HR>
<B>This is "bold" text</B><BR>
<I>This is "italic" text</I><BR>
<T>This is "typewriter" text</TT><BR>
<E>This is "emphasized" text</EM><BR>
<STRONG>This is "strong" text</STRONG><BR>
<CITE>This is "citation" text</CITE><BR>
<SAMP>This is "sample" text</SAMP><BR>
<KBD>This is "keyboard" text</KBD><BR>
<VAR>This is "variable" text</VAR><BR>
<DFN>This is "definition" text</DFN><BR>
<HR>
<ADDRESS>
Created 3/13/95 / Last Modified 3/13/95/<BR>
Cedars-Sinai Medical Center / duncan@csmc.edu
</ADDRESS>
</BODY>
</HTML>
Рис. 4. Примеры форматирования символов, сформатированные программой просмотра Web по исходному тексту HTML на рис. 3
Examples of HTML Character Formatting
This is "bold" text This is "italic" text This is "typewriter" text This is "emphasized" text This is "strong" text This is "citation" text This is "sample" text This is "keyboard" text This is "variable" text This is "definition" text
Created 3/13/95 / Last Modified 3/13/95/ Cedars-Sinai Medical Center / duncan@csmc.edu
