<strong> элемент HTML для обозначения высокой важности

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

Попробуйте

<p>
  ... the most important rule, the rule you can never forget, no matter how much
  he cries, no matter how much he begs:
  <strong>never feed him after midnight</strong>.
</p>

p {
  font-size: 1rem;
}

Атрибуты

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

Примечания по использованию

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

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

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

<b> и <strong>

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

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

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

Выбор элемента должен определяться предполагаемым значением или назначением заключенного в него текста. Передача смысла — основа семантики.

<em> и <strong>

Путаницу усиливает тот факт, что в 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