<strong>: Элемент с сильным значением

Элемент <strong> HTML указывает, что его содержимое имеет сильное значение, важность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.

Этот элемент включает только глобальные атрибуты.

Элемент <strong> предназначен для содержимого «высокой важности», включая важные или срочные моменты (например, предупреждения). Это может быть предложение, имеющее большое значение для всей страницы, или вы можете просто выделить некоторые слова, которые имеют большее значение по сравнению с окружающим содержимым.

Обычно этот элемент по умолчанию отображается жирным шрифтом. Однако его не следует использовать для применения жирного стиля; для этой цели используйте свойство CSS font-weight. Используйте элемент <b>, чтобы привлечь внимание к определенному тексту без указания большей важности. Используйте элемент <em>, чтобы обозначить текст, который имеет акцент.

Другое допустимое использование <strong> — обозначать заголовки абзацев, представляющих заметки или предупреждения в тексте страницы.

Новым разработчикам часто непонятно, почему есть несколько способов выразить одно и то же на отображаемом веб-сайте. Элементы <b> и <strong> являются, пожалуй, одними из самых распространённых источников путаницы, заставляя разработчиков задаваться вопросом: «Стоит ли использовать <b> или <strong>? Разве они не делают одно и то же?»

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

Может быть полезно понимать, что оба являются допустимыми и семантическими элементами HTML, и что совпадение заключается в том, что в большинстве браузеров у них одинаковое стилистическое оформление (полужирный шрифт) (хотя некоторые старые браузеры фактически подчеркивали <strong>). Каждый элемент предназначен для использования в определённых сценариях, и если вы хотите сделать текст жирным для украшения, следует вместо этого использовать свойство CSS font-weight.

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

Ещё одной причиной путаницы является тот факт, что, хотя HTML 4 определял <strong> как указание большей важности, HTML 5 определяет <strong> как обозначение «высокой важности содержимого». Это важное различие.

В то время как <em> используется для изменения значения предложения, как если бы это было устное выделение («Я люблю морковь» против «Я люблю морковь»), <strong> используется для придания большей важности частям предложения (например, «Предупреждение! Это очень опасно.»). Оба <strong> и <em> могут быть вложены, чтобы увеличить относительную степень важности или акцента, соответственно.

<p>
  Before proceeding, <strong>make sure you put on your safety goggles</strong>.
</p>

Результат

<p>
  <strong>Important:</strong> Before proceeding, make sure you add plenty of
  butter.
</p>

Результат

• Элемент <b>
• Элемент <em>
• Свойство font-weight