Семантика строчных элементов

В то время как абзацы и списки предназначены для идентификации целых блоков текста, иногда мы хотим наделить смыслом одно слово (или несколько слов) в тексте.

<strong>

Для важных слов используйте тег <strong>:

<p>
  Это <strong>важно</strong>, но это не так.
</p>

По умолчанию элементы <strong> отображаются жирным шрифтом, но имейте в виду, что это только поведение браузера по умолчанию. Не используйте <strong> только для того, чтобы установить какой-нибудь текст жирным, скорее, чтобы придать ему большее значение.

<em>

Для выделяемых слов используйте тег <em>:

<p>
  Это <em>выделено</em>, но это не так.
</p>

По умолчанию, элементы <em> отображаются курсивом, но имейте в виду, что это только поведение браузера по умолчанию. Не используйте <em> только для того, чтобы установить какой-нибудь текст курсивом, только чтобы сделать на нём акцент.

Аббревиатуры

Для аббревиатур, таких как W3C или CD, можно использовать элемент <abbr>:

<p>
  Я только что купил <abbr>CD</abbr>.
</p>

Вы можете добавить атрибут title, чтобы расшифровать аббревиатуру, текст которой будет появляться при наведении на элемент:

<p>
  Я только что купил <abbr title="Compact Disc">CD</abbr>.
</p>

Строчные цитаты

<blockquote> является блочным элементом, у него есть строчная версия <q>:

<p>
  Он сказал <q>Привет, мир</q> и просто ушёл.
</p>

Другие строчные элементы

Есть много других строчных семантических элементов на выбор, но мы рассмотрели наиболее распространённые из них.

Перейти к заданиям