Теги физического форматирования HTML текста
Приведем описание тегов физического форматирования. Часть
из них не рекомендуется к использованию спецификацией HTML 4.0 по приведенным
выше причинам. Некоторые теги отменены (deprecate) спецификацией HTML 4.0, однако
они продолжают поддерживаться браузерами.
Тег <B>
Тег <B> отображает текст полужирным шрифтом. В большинстве
случаев рекомендуется вместо тега <B> использовать тег логического форматирования
<STRONG>. Например:
Это <B>полужирный</B> шрифт.
Рис. 1.2. Примеры физического форматирования
текста (браузером Netscape)
Тег <I>
Тег <I> отображает текст курсивом. Для большинства
случаев вместо этого тега рекомендуется использовать теги <EM>, <DFN>,
<VAR> или <CITE>, поскольку последние лучше отражают назначение
выделяемого текста. Например:
Выделение <I>курсивом</I>
Тег <TT>
Тег <TT> отображает текст моноширинным шрифтом. Для
большинства случаев вместо этого тега лучше использовать теги <CODE>,
<SAMP> или <KBD>. Пример:
Это <TT>моноширинный</TT> шрифт.
Тег <U>
Тег <U> отображает текст подчеркнутым. Отмененный
тег. Вместо него рекомендуется использовать теги <STRONG> или <CITE>.
Например:
Пример <U>подчеркивания</U> текста.
Теги <STRIKE> и <S>
Теги <STRIKE> и <S> отображают текст, перечеркнутый
горизонтальной линией. Отмененный тег. Вместо него следует использовать тег
<DEL>. Например:
Пример <STRIKE>зачеркнутого</STRIKE>
текста.
В настоящее время тег <DEL> поддерживается не всеми
браузерами, поэтому пока рекомендуется использовать <DEL> в сочетании
с тегом <STRIKE>. А именно, внутрь тега-контейнера <DEL> можно вложить
пару тегов
<STRIKE>...</STRIKE>.
Тег <BIG>
Тег <BIG> выводит текст шрифтом большего (чем непомеченная
часть текста) размера. Вместо данного элемента лучше использовать <STRONG>
или теги заголовков, например, <H3>. Большинство браузеров поддерживают
вложенные теги <BIG>, однако использовать такой подход не рекомендуется.
Например:
Шрифт <BIG>большего</BIG> размера.
Тег <SMALL>
Тег <SMALL> выводит текст шрифтом меньшего размера.
Поскольку в HTML нет тега, противоположного по действию тегу <EM>, то
для этих целей можно применять тег <SMALL>. Большинство браузеров поддерживают
вложенные теги <SMALL>, однако использовать такой подход не рекомендуется.
Например:
Шрифт <SMALL>меньшего</SMALL> размера.
Тег <SUB>
Тег <SUB> сдвигает текст ниже уровня строки и выводит
его (если возможно) шрифтом меньшего размера. Удобно использовать для математических
индексов. Например:
Пример шрифта для <SUB>нижнего</SUB>
индекса.
Тег <SUP>
Тег <SUP> сдвигает текст выше уровня строки и выводит
его (если возможно) шрифтом меньшего размера. Удобно использовать для задания
степеней чисел в математике. Например:
Пример шрифта для <SUP>верхнего</SUP>
индекса.
Тег <BLINK>
Тег <BLINK> отображает мигающий текст. Этот тег не
входит в спецификацию HTML и поддерживается только браузером Netscape. Опытные
разработчики крайне редко прибегают к использованию этого тега, поскольку наличие
на странице мигающих символов раздражает многих пользователей.
Тег <SPAN>
Тег-контейнер <SPAN> является аналогом тега уровня
блока <DIV>. Может использоваться в тех случаях, когда требуется отметить
фрагмент текста для задания его свойств, и при этом не удается использовать
никакой другой структурный тег форматирования.
Браузер Microsoft Internet Explorer дополнительно разрешает
использование следующих параметров тега: DIR, DATAFLD, DATAFORMATAS, DATASRC.
Описание параметров можно найти во второй части книги.
Рис. 1.3. Использование вложенных тегов форматирования
текста
Теги форматирования могут быть вложенными друг в друга.
При этом нужно внимательно следить, чтобы один контейнер находился целиком в
другом контейнере. На рис. 1.3 показан пример использования вложения элемента
курсива в элемент полужирного шрифта. Использован следующий фрагмент HTML-кода:
Это <B>полужирный</B> шрифт.
<P>
Это <I>курсив</I>.
<P>
А здесь текст <B><I>полужирный и курсивный</I></В>
Тег <FONT>
Тег <FONT> указывает параметры шрифта. Он относится
к тегам физического форматирования уровня текста.
Назначение параметров шрифта непосредственно в тексте документа
нарушает основную идею разделения содержательной части документа и описания
формы представления документа. Поэтому в спецификации HTML 4.0 данный тег, а
также тег <BASEFONT> отнесены к отмененным. Их дальнейшее применение не
рекомендуется.
Несмотря на эти грозные предупреждения, видимо, для самых
простых документов физическое форматирование можно считать допустимым. Кроме
того, начинать обучение основам форматирования проще всего именно с правил непосредственного
указания форматов элементов. До стилевого оформления начинающий разработчик
должен еще дорасти.
Тег <FONT> относится к последовательным элементам,
поэтому не может включать в себя элементы уровня блока, например, <P>
или <TABLE>.
Для тега могут задаваться следующие параметры: FACE, SIZE
и COLOR. Заметим, что браузер Netscape допускает также использование двух дополнительных
параметров: POINT-SIZE и WEIGHT, описание которых опускаем.
-
FACE
Параметр FACE служит для указания типа шрифта, которым
программа просмотра пользователя будет выводить текст (если такой шрифт
имеется на компьютере). Значением данного параметра служит название шрифта,
которое должно в точности совпадать с названием шрифта, имеющего у пользователя.
Если такого шрифта не будет найдено, то данное указание будет проигнорировано
и будет использован шрифт, установленный по умолчанию.
Можно указать как один, так и несколько названий шрифтов,
разделяя их запятыми. Это весьма полезное свойство, так как в разных системах
могут быть почти идентичные шрифты, называющиеся по-разному. Другим важным
качеством является задание предпочтения использования шрифтов. Список шрифтов
просматривается слева направо. Если на компьютере пользователя нет шрифта,
указанного в списке первым, то делается попытка найти следующий шрифт и
т. д.
Приведем пример использования параметра FACE:
<HTML> <HEAD>
<TITLE>Назначение шрифтов</TITLE>
</HEAD>
<BODY>
Текст, записанный шрифтом по умолчанию.
<BR>
<FONT FACE="Verdana", "Arial",
"Helvetica">
Пример задания названия шрифта.
</FONT>
</BODY>
</HTML>
На рис. 1.4 показано отображение примера браузером
Netscape. В примере в качестве предпочитаемого указывается шрифт Verdana,
при его отсутствии будет использован шрифт Arial и т. д.
Рис. 1.4. Отображение примера браузером Netscape
Настройки размеров шрифта, используемых по умолчанию, а
также величины абсолютного изменения размеров шрифта, зависят от браузеров.
На рис. 1.5 показано окно настройки браузера Netscape, в котором задаются шрифты,
используемые по умолчанию.
Размер шрифта указывается как абсолютной величиной (SIZE=2),
так и относительной (SIZE=+1). Последний способ часто используется в сочетании
с заданием базового размера шрифта с помощью тега <BASEFONT>.
Примечание
При указании размеров шрифтов записи типа "2"
и "+2" (в отличие от большинства языков программирования, в которых
унарный знак "+" можно опускать) дают принципиально разный результат.
Приведем пример, в котором использованы различные способы
назначения размеров шрифтов. Отображение примера показано на рис. 1.6.
Рис. 1.5. Окно настройки параметров шрифтов браузера
Netscape
Рис. 1.6. Назначение размеров шрифтов
<HTML>
<HEAD>
<TITLE>Назначение размеров шрифтов</TITLE>
</HEAD>
<BODY>
<FONT SIZE=1>Шрифт размера 1</FONT><BR>
<FONT SIZE=-1>Шрифт размера 2</FONT><BR>
<FONT SIZE=3>Шрифт размера 3</FONT><BR>
<FONT SIZE=4>Шрифт размера 4</FONT><BR>
<FONT SIZE=5>Шрифт размера 5</FONT><BR>
<FONT SIZE=+3>Шрифт размера 6</FONT><BR>
<FONT SIZE=7>Шрифт размера 7</FONT><BR>
</BODY>
</HTML>
-
COLOR
Этот параметр устанавливает цвет шрифта, который может
задаваться с помощью стандартных имен или в формате #RRGGBB. Приведем пример
документа с разноцветным текстом.
<HTML>
<HEAD>
<TITLE>Выбор цвета шрифта</TITLE>
</HEAD>
<BODY>
<FONT COLOR=green>Текст зеленого цвета</FONT><BR>
<FONT COLOR=#FF0000>Текст красного цвета</FONT><BR>
</BODY>
</HTML>
Тег <BASEFONT>
Тег <BASEFONT> используется для указания размера,
типа и цвета шрифта, используемого в документе по умолчанию. Эти значения обязательны
для всего документа, однако могут в нужных местах переопределяться с помощью
тега <FONT>. После закрывающего тега </FONT> действие тега <BASEFONT>
восстанавливается. Значения параметров шрифтов, используемых по умолчанию, могут
неоднократно переопределяться в документе, т. е. тег <BASEFONT> может
появляться в документе любое количество раз.
Примечание
Тег <BASEFONT> может появляться также и в разделе
<HEAD> документа.
Заметим, что для тега <BASEFONT> не существует закрывающего
тега.
В качестве параметров могут использоваться точно такие
же параметры, что и для тега <FONT>, а именно:
FACE, SIZE и COLOR. Назначение и правила записи параметров
аналогичны.
Примечание
Браузер Netscape не допускает применение параметра
FACE тега <BASEFONT>.
Приведем пример использования тега <BASEFONT>.
<HTML>
<HEAD>
<TITLE>Назначение размеров шрифтов</TITLE>
</HEAD>
<BODY>
Текст, записанный шрифтом по умолчанию.
<BASEFONT SIZE=2> <P>
Шрифт размера 2.
<BASEFONT SIZE=4>
<P>
Шрифт размера 4.
<P>
<TABLE BORDER=1>
<TR>
<TD>Текст внутри ячейки
таблицы</TD>
</TR>
</TABLE>
<P> Текст после таблицы
</BODY>
</HTML>
В приведенном примере дважды переопределяется размер шрифта,
используемого по умолчанию. Изначально он равен 3 (по умолчанию). Затем устанавливается
равным 2, далее — 4. Обратите внимание на отображение данного примера (рис.
1.7). Видно, что для таблиц назначение тега <BASEFONT> не действует. Это
характерно для многих браузеров, хотя формально нарушает идею применения тега.
Рис. 1.7. Отображение примера с тегом <BASEFONT>
(браузером Netscape)
| 
