Стили

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

Авторский стиль редактирования.
Как мы уже говорили выше, в общем случае, текст документа формирует browser, игнорируя пробелы и переносы строк. Используя <PRE> и </PRE> можно описать в тексте заданный авторский стиль, такой текст не форматируется. То есть пробелы и пустые строки показаны как пробелы и пустые строки, и строки будут прерываться там же что и в исходном HTML-файле. Это очень удобно при создании простых таблиц. Это полезно, например, для изображения программ:
<PRE>
#!/bin/csh
cd $SCR
cfs get mysrc.f:mycfsdir/mysrc.f
cfs get myinfile:mycfsdir/myinfile
fc -02 -o mya.out mysrc.f
mya.out
cfs save myoutfile:mycfsdir/myoutfile rm *
</PRE>.
Текст с отступом.
Текст, заключенный между метками <BLOCKQUOTE> …</BLOCKQUOTE>, выводится браузером на экран с увеличенным левым полем.

Можно описывать специальными стилями отдельные слова или предложения.
Имеются два типа стилей: логический и физический.
Логические стили определяют текст согласно заданному значению, в то время как физические стили определяют некоторые участки текста.
Зачем существуют два стиля, если они могут дать одинаковый результат на экране? В качестве ответа на этот вопрос сошлемся на аксиому:
"Доверьтесь вашему browser."
В идеале, содержание отделяется от заглавия. Таким образом, язык гипертекста определяет строку как заголовок, но не определяет, что заголовок должен быть написан, например, жирным шрифтом с размером букв 24 пункта, и должен быть расположен в верхней части страницы. Преимущество этого подхода (это подобно концепции стиля в большинстве текстовых процессоров) - в том, что если Вы решаете заменить стиль заголовка - все, что Вы должны сделать - это изменить определение заголовка в Web browser.
Другое преимущество стилей в том, что, например, удобнее определить что - нибудь как <H1> чем помнить, каким шрифтом надо описывать заголовок. Это же истинно и для отдельных символов. Например, рассмотрим <STRONG>. Большинство browsers рассматривают это как жирный шрифт в тексте. Однако, возможно, что читатель предпочел, чтобы в этом разделе это выделялось, например, другим цветом. Таким образом, стили дают пользователю большую свободу в выборе шрифтов.
ЗАПОМНИТЕ: Все форматирующие флаги всегда следуют парами и для открывающего флага должен существовать закрывающий флаг.
Логические стили.
Ориентированы на просмотрщик, дают указания, а браузер выбирает действия. Можно пометить некоторый фрагмент текста как имеющий некоторый отличный от других логический стиль, оставив интерпретацию этого стиля браузеру. Заранее неизвестно, как разные браузеры будут толковать один и тотже логический стиль. Некоторые вообще игнорируют метки и показывают нормальный текст.
- <DFN>
служит для описания определений.
- <EM> EMPHASIS-акцент
служит для выделения слов, курсив.
- <CITE>
служит для выделения заголовков книг, фильмов, цитат и т.п.
(все одинаковые).
- <CODE>
служит для выделения программных кодов, текстов программ и т.п.
Изображается шрифтом фиксированной ширины.
- <KBD> KEYBOARD-клавиатура
используется для указания того, что нужно ввести с клавиатуры пользователя. Может быть изображено жирным шрифтом (но в большинстве browser изображается специальным шрифтом), вывод как при наборе.
- <SAMP> SAMPLE-образец
используется для демонстрации образцов машинных сообщений. Изображается шрифтом фиксированной ширины, пропорциональный шрифт.
- <STRONG> STRONG EMPHASIS-сильный акцент
служит для ОСОБОГО выделения слов. Зависит от браузера. Обычно выделяется жирным шрифтом, курсивом или красное подчеркивание.
- <VAR> VARITABLE- переменная
используется для написания имен переменных.
Физические стили
Существуют физические способы выделения - автор задает стиль написания текста, описывая шрифт в исходном HTML-документе, стиль определяется конкретно. Теги форматирования символов позволяют управлять отображением отдельных символов и слов. Это прямое указание браузеру на модификацию шрифта.
Жирный <B></B> Фрагмент текста можно выделить полужирным шрифтом (Bold).
Курсив <I></I> Часто для выделения используют курсивный шрифт (Italic).
Подчеркнутый <U></U> Отдельные слова можно подчеркнуть (Underline).
Перечеркнутый <STRIKE></STRIKE> (часто не поддерживается)
Перечеркнутый <S></S> (часто не поддерживается)
Верхний индекс <SUB></SUB>
Нижний индекс <SUP></SUP>
Печатная машинка <TT></TT> (изображается как шрифт фиксированной ширины)
Центрировать <CENTER></CENTER> (как текст, так и графика)
Можно заставить текст мигать (Blink), но такое выделение нужно использовать очень аккуратно. Вряд ли Вы стали бы читать длинное послание, если все слова мигают.

[Назад]