Введение в язык HTML - Символьное форматирование html

Символьное форматирование html

Вы может кодировать отдельные слова и предложения специальными стилями. Есть два типа стилей: логический и физический. Tag Логические стили присваивает тексту некоторое значение, в то время, как Физические стили стиль устанавливает появление специальной секции. Например в предыдущем предложении слова ``логические стили'' являются ``определением''. Такой же эффект (форматирование этих слов фонтом Italic) может быть достигнут через разные tag-и, которые будут означать только ``вывести эти слова фонтом Italic''.

Физический против логического: где только возможно, используйте логические стили

Затем нужны физические и логические стили, если они производят один и тот же эффект на экране? Последующая пара параграфов введет нас в философию SGML, которую можно выразить фразой: "Доверая своему просмотрщику".

В идеальном мире SGML, содержание отделяется от представления. Так, tag SGML заголовков первого уровня определяются как заголовки первого уровня, но не устанавливают, что заголовок первого уровня должен быть, например, выведен фонтом times-bold размера 24 пункта отцентрированным и на верху страницы. Преимуществом такого подхода (подобно концепции "стилей" большинства текстовых процессоров) является то, что если Вы решите изменить заголовок первого уровня на выровненный влево 20 пунктовый фонт Helvetica, все, что Вам нужно сделать, это изменить определение заголовка первого уровня в программе вывода (н., Ваш просмотрщик WWW).

Другим преимуществом логических tag-ов это то, что они помогают согласованному построению Ваших документов. Легче определить что-то, как <H1>, чем запоминать, что заголовок первого уровня выводится фонтом times-bold размера 24 пункта или еще чем-то в этом роде. Это справедливо и для символьных стилей. Например, рассмотрим tag <STRONG>. Большинство просмотрщиков преобразуют его в bold текст. Однако, возможно читатель предпочтет, чтобы эти части выводились на красном фоне. Логические стили предлагают такую гибкость.

Логические стили

<DFN>

Для определения слова. Обычно выводится фонтом italic. (NCSA Mosaic World Wide Web просмотрщик.)

<EM>

для усиления. Обычно выводится фонтом italic. (Не дай залезть себе в карман.)

<CITE>

для заголовков книг, фильмов и т.д. Обычно выводится фонтом italic. (Руководство для начинающих по HTML)

<CODE>

для кусков компьютерного кода. Выводится фонтом фиксированной ширины. (<stdio.h> заголовочный файл)

<KBD>

для текста, который пользователь должен ввести с клавиатуры. Должен выводится фонтом bold фиксированной ширины, но многие просмотрщики выводят его фонтом plain (простым фонтом) фиксированной ширины (Введите passwd для изменения свего пароля.)

<SAMP>

для ссобщений от программ. Выводится фонтом фиксированной ширины. (Segmentation fault: Core dumped.)

<STRONG>

для особо важных фрагментов. Обычно выводится фонтом bold. (Важно)

<VAR>

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

Физические стили

<B>

bold text

<I>

italic text

<TT>

typewriter text, еквивалентен фонту фиксированной ширины.

Использование символьных Tag-ов

Для применения символьного стиля,

1. Начните с <tag>, где tag - желаемый символ определяемого tag-а, для обозначения начала соответствующего текста.
2. Введите этот текст.
3. завершите отрывок выражением </tag>.