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

Для придания сайту индивидуального стиля необходимо придать тексту внешний вид, отличающийся от стандартного. Для Этого в HTML имеет большой набор тегов для оформления текста. Теги оформления текста можно разделить на две группы – логические и физические. Эти группы отличаются не по внешнему виду а по способу обработки браузером. Все теги оформления текста парные и являются контейнерами, в которых содержится выводимая на экран информация.

Логические теги информируют браузер о том какая информация содержится в них. В зависимости от типа информации браузер "решает" как отобразить её. Для отображения логических тегов существует стандарт (по умолчанию) по которому браузер представляет информация на странице. Логические теги разбивают текст по смыслу и сообщают браузеру как отобразить информацию.

Физические теги оформления просто сообщают браузеру как отобразить содержащуюся в них информацию.

Теги логического и физического форматирования визуально представляют текст одинаково. Ниже представлена таблица действия тегов производимого на текст.

Теги физического форматирования изменяют вид информации и только, а теги логического форматирования определяют значение текста иногда и не меняя внешнее представление информации.

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

<ABBR> - Определяет текст как аббревиатуру. С помощью TITLE можно задать расшифровку, как всплывающую подсказку. Многие поисковики анализе страницы включают в индекс именно расшифровку аббревиатуры.

Пример использования:

<abbr title='Платежная система "WebMoney"'>WM</abbr>

WM

<ACRONYM> -  Указывает текст как акроним (устоявшееся сокращение такое как США, СНГ). С помощью атрибута TITLE можно задать расшифровку.

Пример использования:

<acronym title='Платежная система "WebMoney"'>WM</acronym>

WM

<CITE> - Определяет цитату или сноску из другого источника.

Пример использования:

Чтобы хорошо заработать нужно много работать.

<CODE> - Определяет участок программного кода, приведенного в качестве примера.

Пример использования:

<acronym title='Платежная система "WebMoney"'>WM</acronym>

<DEL> - Определяет текст как удаленный. Используется для внесения изменений в текст, с сохранением оригинала. Данный тег имеет два атрибута CITE и DATETIME. Атрибут CITE содержит URL адрес документа, описывающего причины удаления, а DATETIME устанавливает дату и время удаления, задается в формате ГГГГ-ММ-ДДTчч:мм:сс:TZD. TZD - указатель часового пояса. Указатель часового пояса задается двумя способами. Использовав указатель z устанавливаем что что время задается относительно нулевого часового пояса (UTC – универсальное время). Можно использовать формат +чч.мм или -чч.мм определяющий смешение относительно универсального времени.

Пример использования:

Этот текст в качестве примера был удален.

<DFN> - Задает текст как определение. Если термин встречается впервые можно задать пояснение.

Пример использования:

Термин в тексте.

<EM> - Определяет текст как важный.

Пример использования:

Этот текст важен.

<INS> - Определяет текст как вставку. Также как и DEL имеет два атрибута CITE и DATETIME, значения задаются аналогично.

Пример использования:

Пример добавленного текста.

<KBD> - Определяет текст как текст вводимый пользователь с клавиатуры.

Пример использования:

Эти данные необходимо ввести.

<Q> - Определяет текст как цитату. Некоторые браузеры такой текст заключают в кавычки.

Пример использования:

Цитат из книги.

<SAMP> - Определяет что текст является примером.

Пример использования:

Это пример использования тега.

<STRONG> - Определяет акцент на текст (информация интересна).

Пример использования:

Обратите внимание на текст.

<VAR> - Определяет текст как переменные программы.

Пример использования:

Это переменные программы.

<B> - Задает полужирный шрифт.

Пример использования:

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

<I> - Задает курсив (наклонный шрифт).

Пример использования:

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

<TT> - Задает мотоширинный шрифт.

Пример использования:

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

<U> - Задает подчеркнутый шрифт.

Пример использования:

Это текст отображен подчеркнутым.

<S> - Задает шрифт как зачеркнутый.

Пример использования:

Это текст отображен зачеркнутым.

<STRIKE> - Зачеркивает текст горизонтальной линией.

Пример использования:

Это текст отображен также зачеркнутым.

<BIG> - Отображает текст размером больше на единицу. Языком HTML шрифт измеряется в условных единицах от 1 до 7. Шрифт по умолчанию имеет размер 3.

Пример использования:

Нормальный текст. Больше. Ещё больше.

Это переменные программы.

<SMALL> - Отображает текст размером меньше на единицу.

Пример использования:

Нормальный текст. Меньше. Ещё меньше.

<SUB> - Определяет подстрочное (ниже базовой строки) написание текста.

Пример использования:

Нормальный текст _{подстрочный.}

<SUP> - Определяет надстрочное (выше базовой строки) написание текста.

Пример использования:

Нормальный текст ^{надстрочный.}

<SPAN> - Определяет участок текста как текст с индивидуальными параметрами, которые задаются с помощью таблиц стилей. Необходим для оформления небольших участков текста.