<strong> - элемент выделения важного текста

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

Категории контента Потоковой контент, Фразовый контент, явный контент.
Допустимый контент Фразовый контент.
Опускание тегов Нет, должен иметь как начальный тег, так и конечный тег.
Допустимые родители Любой элемент, который принимает фразовый контент, или любой другой элемент, который принимает потоковой контент.
Допустимые ARIA-роли Любые
DOM-интерфейс HTMLElement

Атрибуты

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

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

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

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

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

<b> против <strong>

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

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

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

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

<em> против <strong>

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

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

Примеры

Основной пример

html
<p>
  Прежде чем продолжить,
  <strong>убедитесь, что вы надели защитные очки</strong>.
</p>

Результат:

Маркировочные предупреждения

html
<p>
  <strong>Важно:</strong> прежде чем продолжить, убедитесь, что вы добавили
  много масла.
</p>

Это приведёт к:

Спецификации

Specification
HTML Standard
# the-strong-element

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также