Вебсправочник
Справочник HTML

Тег <b>: привлечение внимания без повышения важности

B выделяет фрагмент, к которому нужно привлечь внимание, не объявляя его особенно важным. Это может быть ключевое слово в кратком обзоре.

Назначение

B выделяет фрагмент, к которому нужно привлечь внимание, не объявляя его особенно важным. Это может быть ключевое слово в кратком обзоре.

Как это работает

Типовое жирное начертание — только оформление. Для предупреждения с высокой смысловой важностью подходит strong, для заголовка — соответствующий заголовочный элемент. Класс помогает отдельно оформить конкретную роль выделения.

Пример

<p>В обзоре рассматриваются <b class="keyword">селекторы</b>, <b class="keyword">каскад</b> и наследование.</p>
<p><strong>Перед заменой файла сохраните резервную копию.</strong></p>

Что должно получиться

В первом абзаце заметны ключевые понятия, во втором отдельно выражена важность предупреждения. Внешне выделения могут быть похожи, но основания для выбора элементов различаются.

Граница применения и частая ошибка

Не превращайте любой жирный текст из макета в b автоматически. Если требуется только декоративное начертание, используйте CSS. Не заменяйте этим тегом заголовки разделов: визуальный размер и жирность не создают структуру документа.

Самостоятельная проверка

Возьмите небольшой учебный абзац и укажите причину каждого выделения. Разделите ключевые слова, предупреждения и названия разделов. Проверьте, сохраняется ли понятная структура после отключения оформления.

HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Проверки печати, загрузки файлов и сетевых ответов выполняйте в отдельном учебном проекте.

Попробуйте сами

HTML + CSS песочница
РЕЗУЛЬТАТ · ИЗОЛИРОВАННЫЙ ПРЕДПРОСМОТР
Измените код и нажмите «Запустить». JavaScript и внешние запросы отключены.
Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.