Физические элементы для форматирования

Физические элементы для форматирования

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

Элемент B

Элемент B задает полужирное написание шрифта.

Пример:

<b>Полужирный шрифт</b>

Элемент I

Элемент I отображает выделенный текст курсивом.

Пример:

<i>Курсив</i>

Элемент TT

Этот элемент задает моноширинное написание текста.

Пример:

<tt>Моноширинный шрифт</tt>

Элемент U

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

Пример:

<u>Подчеркнутый</u>

Элемент S

Элемент S зачеркивает текст горизонтальной линией.

Пример:

<s>Зачеркнутый</s>

Элемент STRIKE

Этот элемент также зачеркивает текст горизонтальной линией.

Пример:

<strike>Снова зачеркнутый</strike>

Элемент BIG

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

Примечание

В языке HTML размеры шрифта измеряются в условных единицах от одного до семи. Размером по умолчанию принят третий размер.

При вложении элементов размер шрифта будет увеличиваться на единицу каждый раз.

Пример:

Шрифт <big>побольше <big>Еще больше</big></big>

Элемент SMALL

Элемент SMALL отображает выделенный текст шрифтом на единицу меньшего размера относительно окружающего текста. При вложении элементов шрифт будет уменьшаться на единицу с каждым вложением.

Пример:

Шрифт <small>поменьше</small>

Элемент SUB

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

Пример:

<sub>Подстрочный</sub> шрифт

Элемент SUP

Элемент SUP задает надстрочное написание символов, то есть текст располагается выше базовой линии и становится меньшего размера. Этот элемент используют при написании формул.

Пример:

<sup>Надстрочный</sup> шрифт

Элемент SPAN

Элемент SPAN позволяет выделить часть текста и определить для нее особые параметры отображения с помощью таблиц стилей. Он применяется для выделения небольших областей текста.

Пример:

<span style="background-color:#00FFFF">Текст с фоном</span>

В листинге 2.17 представлен код страницы с различным форматированием текста.

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

<html>

<head>

<title>Элементы физического форматирования</title>

<body>

<b>Полужирный шрифт</b><br />

<i>Курсив</i><br />

<tt>Моноширинный шрифт</tt><br />

<u>Подчеркнутый</u><br />

<s>Зачеркнутый</s><br />

<strike>Снова зачеркнутый</strike><br />

Шрифт <big>побольше <big>Еще больше</big></big><br />

Шрифт <small>поменьше</small><br />

<sub>Подстрочный</sub> шрифт<br />

<sup>Надстрочный</sup> шрифт<br />

<span style="background-color:#00FFFF">Текст с фоном</span>

</body>

</html>

Результат обработки браузером кода из листинга 2.17 представлен на рис. 2.17.

Рис. 2.17. Физическое форматирование

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

Как видно из описания, зачастую действие логических и физических элементов дублируется. В принципе, рекомендуется использовать логические элементы форматирования, так как они определяют суть фрагмента текста.

В табл. 2.1 кратко описаны аналоги рассмотренных физических элементов среди логических элементов и показано, какие элементы являются взаимозаменяемыми.

Таблица 2.1. Элементы форматирования текста

Как видно из таблицы, для многих физических элементов форматирования можно найти логические аналоги, которые намного лучше опишут смысловую нагрузку выделенного текста.

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

Данный текст является ознакомительным фрагментом.