В HTML применяется два подхода к приданию тексту необходимых характеристик. Это физические и логические стили.
Физические стили предписывают отображение заранее определённым образом: выделение текста при помощи жирности, приданием ему свойства курсива (наклона), подчёркивание текста и т.п.
Логические стили – предписывают выделенному тексту какое-либо отличающее его от нормального текста качество. Способ отображения логического стиля во многом зависит от браузера.
«Физическое» определение стиля предписывает шрифту отображение определённым, и только одним, заранее установленным образом. Наиболее очевидными являются физические стили придания шрифту жирности, курсива, подчёркивания и других аналогичных действий (надчёркивания, перечёркивания). Некоторые наиболее распространённые теги «физического» определения стиля даны ниже (табл. 2.2).
Таблица 2.2. Физические стили шрифтов
Тег
способ отображения
<b>жирный текст</b>
жирный текст
<i>наклонный текст</i>
наклонный текст
<u>подчёркнутый текст</u>
подчёркнутый текст
<tt>пишущая машинка</tt>
стиль пишущей машинки
Шрифту также можно придавать определённый размер, цвет и тип шрифта. Всё это делается заданием атрибутов и их параметров в парном теге <font> </font>.
Пример 7:
<p><font size="5" color="#008000" face="Arial">текст</font></p>
<p><font size="5" color="#008000" face="Times New Roman">текст</font></p>
<p><font size="7" color="#008000" face="Times New Roman">текст</font></p>
Этот текст будет отображён следующим образом (рис. 2.6).
Рис. 2.6. Управление шрифтом
В настоящее время применение физического определения стилей считаются устаревшими, т. к. их применение противоречит современному подходу в веб-дизайне, ориентирующему на раздельное управление содержанием веб-документа и его представлением. Лучшим способом управления стилями документа является использование CSS, но HTML предлагает также «логические стили» (табл. 2.3.).
Таблица 2.3. Логические стили шрифтов
Тег
Значение
Отображение
<em> ... </em>
акцент (emphasis)
Обычно отображается курсивом
<strong> ... </strong>
сильный акцент (strong emphasis)
Обычно отображается жирным шрифтом
<cite> … </cite>
цитата
Отображается курсивом
<big> … </big>
крупный шрифт
Увеличивает кегль шрифта в сравнении с обычным
<small> … </small>
мелкий шрифт
Уменьшает кегль шрифта в сравнении с обычным
Недостаток логических стилей заключается в том, что отображение логических стилей поддерживается не всеми браузерами, кроме того, даже поддерживаемыми браузерами, одни и те же стили могут отображаться по-разному. Поэтому при создании файлов в «академическом» или «информационном» стиле, при котором основное внимание уделяется содержанию документа, следует применять логические стили. При создании сложных художественных документов, в которых важен каждый нюанс изображения – следует применять также и стили физические.
Пройдите курс по ссылке: Веб-технологии. Часть I