HTML-тег <b>
HTML-тег <code><b></code> используется для выделения части текста жирным шрифтом, чтобы привлечь к ней внимание. Тег <code><b></code> изменяет только визуальное оформление; он не несет семантического смысла (в том числе для поисковых систем).
TIP
В HTML5 тег <code><b></code> предназначен для не-семантического стилистического выделения, например, для обозначения ключевых слов, названий продуктов или меток интерфейса, а не в качестве резервного варианта для других тегов.
Избегайте использования тега <code><b></code> для заголовков и названий. Вместо этого вы можете использовать теги <h1> - <h6>. Предпочтительнее использовать тег <code><b></code> для выделения ключевых слов, названий продуктов или других фрагментов текста, где семантическая важность не требуется.
Синтаксис
Тег <code><b></code> всегда используется парами. Содержимое размещается между открывающим (<code><b></code>) и закрывающим (<code></b></code>) тегами.
Пример использования HTML-тега <code><b></code>:
Пример использования HTML-тега <code><b></code>|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>Результат
По умолчанию элемент <code><b></code> отображается жирным шрифтом, но вы можете изменить это с помощью CSS. Для выделения текста жирным шрифтом также можно использовать свойство CSS font-weight.
Пример использования свойства font-weight для выделения текста жирным шрифтом:
Выделение части текста жирным шрифтом|HTML-тег <code><b></code>|W3Docs
<!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><code><b></code> vs <code><strong></code>
Элементы <code><b></code> и <strong> оба отображают текст жирным шрифтом. Разница заключается в том, что тег <code><strong></code> указывает на текст повышенной важности, тогда как тег <code><b></code> является чисто визуальным и не несет семантического смысла. Для стилистического выделения текста жирным шрифтом без семантической нагрузки также можно использовать значение bold свойства CSS font-weight.
Атрибуты
Тег <code><b></code> поддерживает глобальные атрибуты и атрибуты событий.
Как применить глобальный атрибут к HTML-тегу <b>
<p>The <b class="highlight" title="Important keyword">keyword</b> is emphasized here.</p>Практика
Какова функция HTML-тега <b>?