W3docs
ru
Войти

HTML-тег `<b>`

The <b> tag is used to highlight in bold the part of the text, which we want to make more obvious for the user

HTML-тег `<b>` используется для выделения части текста жирным шрифтом, чтобы привлечь к ней внимание. Тег `<b>` изменяет только визуальное оформление; он не несет семантического смысла (в том числе для поисковых систем).

success

В HTML5 тег `<b>` предназначен для не-семантического стилистического выделения, например, для обозначения ключевых слов, названий продуктов или меток интерфейса, а не в качестве резервного варианта для других тегов.

Избегайте использования тега `<b>` для заголовков и названий. Вместо этого вы можете использовать теги <h1>–<h6>. Предпочтительнее использовать тег `<b>` для выделения ключевых слов, названий продуктов или других фрагментов текста, где семантическая важность не требуется.

Синтаксис

Тег `<b>` всегда используется парами. Содержимое размещается между открывающим (`<b>`) и закрывающим (`</b>`) тегами.

Пример использования HTML-тега `<b>`:

Пример использования HTML-тега `<b>`|W3Docs

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
  </head>
  <body>
    <p><b>This section of the text </b> has been rendered in bold,</p>
  </body>
</html>
Попробуйте сами »

Результат

Пример тега b

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

Пример использования свойства font-weight для выделения текста жирным шрифтом:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
    <style>
      .bold-text {
        font-weight: 700;
      }
    </style>
  </head>
  <body>
    <p>
      <span class="bold-text">This section of the text </span> 
      has been rendered in bold.
    </p>
  </body>
</html>
Попробуйте сами »

`<b>` vs `<strong>`

Элементы `<b>` и <strong> оба отображают текст жирным шрифтом. Разница заключается в том, что тег `<strong>` указывает на текст повышенной важности, тогда как тег `<b>` является чисто визуальным и не несет семантического смысла. Для стилистического выделения текста жирным шрифтом без семантической нагрузки также можно использовать значение bold свойства CSS font-weight.

Атрибуты

Тег `<b>` поддерживает глобальные атрибуты и атрибуты событий.

Как применить глобальный атрибут к HTML-тегу <b>

<p>The <b class="highlight" title="Important keyword">keyword</b> is emphasized here.</p>

Практика

Практика

Какова функция HTML-тега &lt;b&gt;?