Структурное и физическое форматирование текста в HTML

Для форматирования текста в HTML-документе используются два метода:

• задание структуры документа;
• использование элементов непосредственного (физического) форматирования.

При использовании структурного форматирования, текст разбивается на фрагменты, которым ставятся в соответствие определённый структурный тип и его свойства. Описание этих свойств применяется к структурному типу, которое задаётся в начале HTML-документа, а не к самому тексту.

При физическом форматировании свойство описывает сам фрагмент текста.

Теги структурного форматирования текста:

• <abbr> – представляет текст внутри себя аббревиатурой;
• <acronym> – описывает текст как акроним. В отличие от аббревиатуры, акроним— это устоявшееся сокращение (напр. универмаг, лавсан, токамак др.);
• <cite> – определяет текст внутри себя как цитату;
• <dfn>, <em> - отмечает текст внутри себя как определённый (definition) или как выделенный. Браузеры отмечают текст, заключённый в эти теги курсивом.
• <var> – определяет текст внутри себя как экземпляр переменной или аргументом компьютерных программ;
• <kbd>, <samp> – текст внутри этих тегов отображается браузерами моноширинным шрифтом (кегельныеплощадки знаков имеют одинаковую ширину);
• <mark> – текст внутри такого тега выделяется желтым цветом;
• <strong> – отмечает текст внутри себя как сильно выделенный (по умолчанию отображается браузерами жирным шрифтом);
• <ins>, <del> – используется для разметки вставленного фрагмента текста (подчёркнутый) / удаленного фрагмента текста (перечёркнутый) по отношении к другим версиям документа.
• <pre> – заключённый в нём текст является отформатированным. Текст в браузере будет отображаться так же, как и в HTML-документе.

Использование тегов структурного форматирования позволяет разделить и выделить в тексте логические фрагменты и кратко описать их суть. Это помогает упростить понимание структуры документа и более широко использовать возможности CSS (Cascading Style Sheets - каскадные таблицы стилей). Для каждого тега структурного форматирования текста обязательным является закрывающийся тег.

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

• <b> – отображает заключённый в себя текст жирным шрифтом);
• <i> – отображает заключённый в себя текст курсивом;
• <s> – отображает текст внутри себя перечёркнутым;
• <small> - отмечает текст внутри себя шрифтом, меньшим, чем шрифт окружающего текста.
• <ruby>, <rp> – представляет аннотацию сверху или снизу от заданного текста. Для добавления аннотации необходимо использовать тег <rt>.
• <sub>, <sup> – выводит текст внутри себя в нижнем индексе/ выводит текст внутри себя в верхнем индексе. В основном используется для вывода различных формул.

Для каждого тега физического форматирования текста обязательным является закрывающийся тег.