Урок - Выделение текста - физические и логические стили.

Главная » Курсы » Курс HTML5, Быстрый старт » Урок - Выделение текста - физические и логические стили.

Обучающий онлайн курс
HTML5, Быстрый старт

Лицензия: Копирование запрещено.

 HTML 5 существует два подхода к изменению стиля:

  • физические стили
  • логические стили

Физические стили.

К физическим стилям относятся теги влияющие на отображение текста. Например тег <strong> указывает браузеру отобразить текст жирным шрифтом.

Ниже список тегов физически влияющие на отображение текста:

  • <b></b> - указывает сделать текст жирным.
  • <em></em> - указывает сделать текст курсивом (наклонный).
  • <i></i> - указывает сделать текст курсивом (наклонный).
  • <s></s> - указывает сделать текст перечеркнутым.
  • <strike></strike> - указывает сделать текст перечеркнутым.
  • <strong></strong> - указывает сделать текст жирным.
  • <tt></tt> - указывает сделать текст моноширным.
  • <u></u> - указывает сделать текст подчеркнутым.
  • <big></big> - указывает сделать текст крупнее.
  • <small></small> - указывает сделать текст мельче.

Логические стили.

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

Ниже приведен список логических тегов и их описание:

  • <dfn> - служит для описания определений (это определение);
  • <em> - служит для выделения текста (это выделенное слово);
  • <cite> - служит для выделения цитат (это цитата);
  • <code> - служит для выделения программных кодов, текстов программ и т.п. Обычно выделяется шрифтом фиксированной ширины (это текст программы);
  • <kbd> - используется для ввода с клавиатуры пользователя (Введите password );
  • <samp> - используется для вывода машинных сообщений (Segmentation fault: core dumped);
  • <strong> - служит для особого выделения текста, обычно выделяется жирным текстом (это очень важный текст);
  • <var> - используется для символьных переменных (это переменная);
  • <abbr> - используется для аббревиатур (СНГ, КПСС, WWW);
  • <acronym> - используется для сокращений (стр., англ.).

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

 

<abbr title="Hello, World!">HW</abbr>