<b> - жирное выделение текста

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

Content categories (en-US) Flow content (en-US), phrasing content (en-US), palpable content.
Разрешённый контент Phrasing content (en-US).
Tag omission Нет, открывающий и закрывающий теги обязательны.
Permitted parents Any element that accepts phrasing content (en-US).
Permitted ARIA roles Any
DOM interface HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element.

Атрибуты

Этот элемент содержит только global attributes (en-US).

Указания по применению

  • Используйте <b> в таких случаях, как ключевые слова в кратком содержании, имена продуктов в отзыве, или других частях текста, которые обычно выделяют жирным.
  • Не путать элемент <b> с <strong>, <em>, или <mark> элементами. Элемент <strong> представляет собой текст определённой важности, <em> делает некий акцент на тексте, и элемент <mark> представляет собой текст определённой значимости. Элемент <b> не содержит специальной семантической информации, используйте его только в том случае, если другие не подошли.
  • Также не помечайте заглавия и заголовки элементом <b>. Для этих целей используйте элементы с <h1> (en-US) до <h6> (en-US) . К тому же CSS может изменять стандартный вид этих элементов, в результате чего они не всегда будут выделены жирным текстом.
  • Хорошей практикой является использование атрибута class на элементе <b> для того, чтобы передать дополнительную семантическую информацию (например, <b class="lead"> для первого предложения в абзаце). Это упрощает разработку различных стилизаций веб-документа без надобности менять его HTML-код.
  • Исторически, элемент <b> был задуман для выделения текста жирным шрифтом. Информация о стилизации устарела, начиная с HTML4, значение элемента <b> было изменено.
  • Если нет семантической причины использовать элемент <b>, использование css свойства font-weight (en-US) со значением bold будет более грамотным выбором для изменения толщины текста.

Пример

css
.keywords {
  color: red;
}
html
<p>
  В этой статье описывается элемент для форматирования
  <b class="keywords">текста</b>. Она объясняет его использование в документе
  <b class="keywords">HTML</b>.
</p>

Ключевые слова с тегом <b>, отображаемые со стилем, выделены жирным шрифтом.

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

Specification
HTML Standard
# the-b-element

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

BCD tables only load in the browser

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