Форматирование текста

     Тэги HTML условно можно разделить на два типа: тэги уровня блока и последовательные тэги (тэги уровня текста). Различие уровней заключается в том, что тэги уровня блока могут содержать последовательные тэги и тэги уровня блока, а последовательные только фрагменты текста и последовательные тэги. Блоковые тэги описывают более крупные структуры. Соответственно и отображаются они по-разному. Тэги уровня блока начинаются с новой строки, а уровня текста - нет.
     

Логическое и физическое форматирование.

   Для форматирования текста HTML-документов предусмотрена целая группа тэгов, которую можно условно разделить на тэги логического и физического форматирования.
   Тэги логического форматирования обозначают (своими именами) структурные типы своих текстовых фрагментов, такие, например, как программный код (тэг <code>), цитата (тэг <cite>), аббревиатура (тэг <abbr>) и т. д. С помощью тэгов <ем> и <strong> можно, например, отметить отдельные фрагменты как выделенные, или сильно выделенные. Заметим, что речь идет о структурной разметке, которая не влияет на конкретное экранное представление фрагмента браузером. Поэтому такая разметка и называется логической. Фрагменты с логическим форматированием браузеры отображают на экране определенным образом, заданным по умолчанию. Вид отображения никак не связан со структурным типом фрагмента (т. е. именем тэга логического форматирования), но может быть легко переопределен.
   Тэги физического форматирования определяют формат отображения указанного в них фрагмента текста в окне браузера (согласно предпочтениям автора документа). Например, для отображения фрагмента курсивом можно использовать тэг курсива <i>. Этот и другие, часто используемые тэги физического форматирования описаны ниже в разделе "Тэги физического форматирования текста".
   Между разработчиками HTML-документов долгое время шли споры о преимуществах и недостатках того или иного подхода. С выходом спецификации HTML 4.0 эти споры завершились в пользу применения логического форматирования, поскольку был провозглашен принцип отделения структуры документа от его представления.
   Тем не менее, на настоящий момент может свободно использоваться и физическое форматирование. В спецификации HTML 4.0 некоторые тэги физического форматирования не рекомендуются для применения, однако, пока они все еще поддерживаются всеми браузерами. Рассматриваемые ниже тэги относятся к тэгам уровня текста, т. е. призваны, в основном, размечать небольшие группы символов. Некоторые тэги могут задавать разметку и на уровне блока.

Тэги логического форматирования текста.

Тэг <АВВR>

Тэг <ACRONYM>

   Так же, как и тэг <abbr>, используется для отметки аббревиатур. Этим тэгом рекомендуется отмечать так называемые акронимы, т. е. произносимые слова, состоящие из аббревиатур. Тэг <acronym> возможно в будущем станет использоваться для невизуального отображения элементов, например при речевом синтезе.
   Данный тэг удобно использовать в сочетании с параметром title, в качестве значения которого можно указать полную форму записи аббревиатуры. Тогда визуальные браузеры при наведении курсора на текст, размеченный тэгом <acronym>, будут выдавать полное наименование в виде появляющейся подсказки.

Тэг <CITE<

   Используется для отметки цитат или названий книг и статей, ссылок на другие источники и т. д. Браузерами такой текст обычно выводится курсивом.

Тэг <CODE>

   Отмечает свой текст как небольшой фрагмент программного кода. Как правило, отображается моноширинным шрифтом. Этот тэг не следует путать с тэгом <pre>, являющимся элементом уровня блока, который следует использовать для отметки больших фрагментов (листингов) кода.
Например:
Текст, отображаемый моноширинным шрифтом.

   Есть еще одно различие в использовании тэгов <code> и <pre>. В коде программ часто бывает важно наличие нескольких идущих подряд пробелов. Их отображение будет сохранено только при использовании тэга <pre>.

Тэг <DEL>

   Отмечает свой текст как удаленный. Этот элемент полезно использовать для отметки изменений, вносимых в документ от версии к версии. Тэг <del> может использоваться как элемент уровня текста и как элемент уровня блока.
   Тэг имеет два необязательных параметра: cite и datetime. Значение параметра cite должно представлять собой URL-адрес документа, поясняющего причины удаления данного фрагмента.
   Параметр datetime указывает дату удаления в формате: YYYY-MM-DDThh:mm:ssTZD, определяющем год, месяц, число, часы, минуты и секунды удаления, а также часовой пояс (Time Zone).

   Текст, помеченный тэгом <del> обычно отображается перечеркнутым текстом. В спецификации HTML 4.0 этому тэгу отдается предпочтение перед тэгом физического форматирования <strike> или <s>, обозначающих перечеркнутый текст.

Тэг <DFN>

Тэг <INS>

   Отмечает свой текст как вставку (INSertion). Этот элемент полезно использовать для отметки изменений, вносимых в документ от версии к версии. Тэг <ins> может использоваться как элемент уровня текста и как элемент уровня блока.
   Тэг имеет два необязательных параметра: cite и datetime. Значение параметра cite должно представлять собой URL-адрес документа, поясняющего подробности внесенных дополнений.
   Параметр datetime указывает дату вставки в формате: YYYY-MM-DDThh:mm:ssTZD, определяющем год, месяц, число, часы, минуты и секунды вставки, а также часовой пояс (Time Zone).
   Текст, помеченный тэгом <ins>, обычно отображается подчеркнутым текстом.

Тэг <ЕМ>

   Тэг <ем> (EMphasis - выделение, подчеркивание) используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст курсивом. Применение данного тэга предпочтительнее применения тэга физического форматирования <i>.

Тэг <KBD>

   Тэг <KBD> отмечает текст как вводимый пользователем с клавиатуры. Обычно отображается моноширинным шрифтом. Применение данного тэга предпочтительнее применения тэга физического форматирования <тт>.

Тэг <Q>

   Отмечает короткие цитаты в строке текста. В отличие от тэга уровня блока <blockquote> при отображении не выполняется отделение размеченного текста пустыми строками. Обычно отображается курсивом.
   Тэг имеет параметр cite, в качестве значения которого можно указать источник цитаты.

Тэг <SАМР>

   Отмечает текст как образец (SAMPle). Обычное использование этого тэга - отметка текста, выдаваемого программами (sample output). Используется также для выделения нескольких символов моноширинным шрифтом.

Тэг <STRONG>

   Используется для выделения важных фрагментов текста. Отображается полужирным шрифтом. Применение этого тэга предпочтительнее применения тэга физического форматирования <B>

Тэг <VAR>

    Отмечает имена переменных программ. Обычно этот текст отображается курсивом.

    Вы, наверное, обратили внимание на то, что некоторые элементы дают одинаковый результат. Более того, часть элементов может никак не изменять представление фрагмента текста на экране. Может возникнуть законный вопрос: для чего создано такое разнообразие элементов форматирования? Ответ - в названии этой группы элементов. Они предназначены для расстановки логических ударений, выделения логических частей и подчеркивания сути высказываний. Их использование весьма актуально, поскольку, вероятно, в ближайшем будущем возможности браузеров возрастут, например, станет возможен поиск цитат на Web-пространстве, а может быть следующее поколение браузеров научится читать документы вслух. Кроме того, авторам документов ничто не мешает уже сегодня, применяя таблицы стилей, задать желаемое отображение для любого из тэгов, переопределив значения по умолчанию.

Тэги физического форматирования текста.

   Приведем описание тэгов физического форматирования. Часть из них не рекомендуется к использованию спецификацией HTML 4.0 по приведенным выше причинам. Некоторые тэги отменены (deprecate) спецификацией HTML 4.0, однако они продолжают поддерживаться браузерами.

Тэг <B>

Отображает текст полужирным шрифтом.

Тэг <I>

Отображает текст курсивом.

Тэг <TT>

Отображает текст моноширинным шрифтом.

Тэг <U>

Подчёркнутый текст.

Тэг <STRIKE> и <S>

Зачёркнутый текст.

Тэг <BIG>

Выводит текст большего размера, чем основной.

Тэг <SMALL>

Выводит текст меньшего размера, чем основной.

Тэг <SUB>

Сдвигает текст _ниже уровня строки и отображает меньшим шрифтом.

Тэг <SUP>

Сдвигает текст ^выше уровня строки и отображает меньшим шрифтом.

Тэг <SPAN>

Является аналогом тэга уровня блока <DIV>. Используется для отметки фрагмента текста, когда другим тэгом воспользоваться не удаётся. По умолчанию никак не выделяется.

Тэг <FONT>

Указывает параметры шрифта. Является тэгом уровня текста, поэтому не может включать в себя тэги уровня блока. Имеет параметры:

Используется для указания размера, типа и цвета шрифта, используемого в документе по умолчанию. Эти значения обязательны для всего документа или до следующего тэга <BASEFONT>. Переопределить значение шрифта можно на отдельном отрезке с помощью тэга <FONT> </FONT>. Закрывающего тэга для <BASEFONT>не существует. Во многих браузерах действие данного тэга не распространяется на содержимое таблиц.

Разделение на абзацы.

   Любые тексты принято разбивать на абзацы. Однако если вы привыкли, что для этого достаточно нажать [ Enter ], то поспешу вас огорчить: этот приём не прокатит. Браузеры игнорируют символы перевода строки. Для разбиения на абзацы используется специальный тэг <p> - </p>. Обычно, браузеры разделяют абзацы пустой строкой. В тэге может задаваться параметр горизонтального выравнивания ALIGN. Он принимает следующие значения:

LEFT	Выравнивание по левой границе окна браузера.
CENTER	Выравнивание по центру окна браузера.
RIGHT	Выравнивание по правой границе окна браузера.
JUSTIFY	Выравнивание по ширине окна браузера.

Перевод строки.

   Для принудительного перевода строки используется тэг <BR>. В отличие от <P>, при его использовании не образуется пустая строка. Может задаваться параметр CLEAR, прекращающий обтекание изображения или таблицы текстом. Но бывают случаи, когда наоборот необходимо запретить перевод строки. В этом случае используют тэги <NOBR> <WBR>.
   Тэг <NOBR> является контейнером. Текст, расположенный в нём будет располагаться в одной строке. При этом можно получить очень длинные неудобные строки. Для организации "мягкого" переноса слов внутри тэга <NOBR> используется тэг <WBR>.

Заголовки и линии.

    Для указания заголовков разделов документа используются тэги <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. Эти тэги требуют закрытия. До и после них вставляется пустая строка. Параметр выравнивания ALIGN принимает значения, аналогичные тэгу <P>.
   Тэг <HR> позволяет вставить в документ рельефную горизонтальную линию. Закрывающий тэг не требуется. До и после линии вставляется пустая строка. Существуют следующие параметры:

ALIGN	Выравнивание. LEFT, RIGHT, CENTER
WIDTH	Ширина линии в пикселях или процентах от ширины окна.
SIZE	Толщина в пикселях.
NOSHADE	Отменяет рельефность.
COLOR (только IE)	Устанавливает цвет линии.

Тэг <PRE>

   Служит для вывода заранее отформатированного текста. Применим для отображения больших фрагментов программного кода. Выводится на экран в том же виде, как записан. Сохраняются все переносы и символа перевода строк.

Тэг <DIV>

   Тэг уровня блока, предназначенный для выделения фрагмента с целью задания определённых свойств. Обычно применяется для назначения стиля непосредственно в блоке или с помощью таблицы стилей. Аналог — тэг <SPAN>.

Тэг <CENTER>

   Тэг-контейнер для горизонтального выравнивания содержимого.

Тэг <!-- -->

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

Тэг <BLCKQUOTE>

   Тэг-контейнер для вставки длинных цитат. Содержимое отделяется пустыми строками сверху и снизу и располагается с отступом вправо.

Тэг <ADDRESS>

   Применяется для идентификации автора документа, указания адреса, сведений об авторских правах и т. п. Отображается обычно курсивом.

Специальные символы.

   Некоторые символы могут восприниматься браузером не так, как задумал автор. Попробуйте вывести на экран символ < или >. Если указать его явно, браузер примет его за тэг и не отобразит на экране. Для преодоления этих трудностей существует правило записи символов с помощью специального кода. Этот код начинается с амперсанда [&] и заканчивается точкой с запятой. Между ними записывается имя символа или его десятичное (шестнадцатеричное) значение.
Пример:

&LT;	Знак "меньше" [<]
&GT;	Знак "больше" [>]

Подробная таблица символов есть в разделе АРХИВ.