— жирное выделение текста — HTML

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

Content categories (en-US)Flow content (en-US), phrasing content (en-US), palpable content.
Разрешённый контентPhrasing content (en-US).
Tag omissionНет, открывающий и закрывающий теги обязательны.
Permitted parentsAny element that accepts phrasing content (en-US).
Permitted ARIA rolesAny
DOM interfaceHTMLElement 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>. Для этих целей используйте элементы с <h2> (en-US) до <h6> (en-US) . К тому же CSS может изменять стандартный вид этих элементов, в результате чего они не всегда будут выделены жирным текстом.
  • Хорошей практикой является использование атрибута class на элементе <b>
    для того, чтобы передать дополнительную семантическую информацию (например, <b> для первого предложения в абзаце). Это упрощает разработку различных стилизаций веб-документа без надобности менять его HTML-код.
  • Исторически, элемент <b> был задуман для выделения текста жирным шрифтом. Информация о стилизации устарела, начиная с HTML4, значение элемента <b> было изменено.
  • Если нет семантической причины использовать элемент <b>, использование css свойства font-weight (en-US) со значением bold будет более грамотным выбором для изменения толщины текста.
.keywords {
    color:red;
}

<p>
    В этой статье описывается элемент для форматирования <b>текста</b>. 
    Она объясняет его использование в документе <b>HTML</b>.
</p>

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

Specification
HTML Standard
# the-b-element

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

  • Другие элементы содержащие text-level semantics:
    <a>    , <em>, <strong>, <small> (en-US), <cite>, <q> (en-US), <dfn>, <abbr>, <time>, <code>, <var> (en-US), <samp> (en-US), <kbd>, <sub> (en-US), <sup> (en-US), <i> (en-US), <mark>, <ruby>, <rp> (en-US), <rt>
    (en-US), <bdo>, <span>, <br>, <wbr>.
  • Using <b> and <i> elements (W3C)

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

Want to get more involved?

Learn how to contribute.

This page was last modified on by MDN contributors.

HTML тег

❮ Назад Вперед ❯

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

В HTML5 тег <b> рекомендуется использовать только в крайнем случае, когда нет возможности использовать другие теги.

Для выделения отрезка текста жирным шрифтом, необходимо поместить его между открывающим <b> и закрывающим тегом </b>.

Пример

<!DOCTYPE html>
<html>
   <head>
       <title>Заголовок окна веб-страницы</title> 
   </head>
   <body>
       <p><b>Этот отрезок текста </b> мы выделили жирным шрифтом.</p>
   </body>
</html>

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

Результат

Внешний вид содержимого контейнера <b> задается по умолчанию, но жирное начертание текста можно изменить при помощи CSS.

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

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
    <style>
      .bold-text {
      font-weight: 700;
      }
    </style>
  </head>
  <body>
    <p><span>Этот отрезок текста</span> мы выделили жирным шрифтом.
 
 </p>
  </body>
</html>

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

Результат

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

Как добавить стиль к тегу <b> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <b>:

  • CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
  • CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
  • CSS свойство font-size задает размер щрифта.
  • CSS свойство font-weight устанавливает насыщенность шрифта.
  • CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
  • CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

Цвет текста внутри тега <b>:

  • CSS свойство color определяет цвет контента и оформления текста.
  • CSS свойство background-color устанавливает фоновый цвет элемента.

Стили форматирования текста для тега <b>:

  • CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
  • CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
  • CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
  • CSS свойство word-break указывает перенос строки.

Другие свойства для тега <b>:

  • CSS свойство text-shadow добавляет тень к тексту.
  • CSS свойство text-align-last выравнивает последнюю строку текста.
  • CSS свойство line-height устанавливает межстрочный интервал.
  • CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
  • CSS свойство word-spacing устанавливает расстояние между словами в тексте.

Тег HTML b

❮ Назад Полный справочник HTML Далее ❯


Пример

Выделите текст жирным шрифтом (не помечая его как важный):

Это обычный текст — а это жирный текст.

Попробуйте Сделай сам »

Другие примеры «Попробуйте сами» ниже.

Определение и использование

Тег выделяет жирный текст без какой-либо дополнительной важности.

Советы и примечания

Примечание: Согласно спецификации HTML5, тег следует использовать в качестве ПОСЛЕДНЕГО средства, когда никакой другой тег не является более подходящим. Спецификация гласит, что заголовки должны обозначаться символом От

до

выделенный текст должен обозначаться с помощью Тег
, важный текст должен быть обозначен с тегом , а отмеченный/выделенный текст должен обозначаться с помощью тег <знак>.

Совет: Вы также можете использовать следующий CSS для выделения полужирного текста: «font-weight: полужирный;».

Поддержка браузера

Элемент
Да Да Да Да Да

Глобальные атрибуты

Тег также поддерживает глобальные атрибуты в HTML.

Атрибуты событий

Тег также поддерживает атрибуты событий в HTML.

Другие примеры

Пример

Используйте CSS, чтобы сделать текст полужирным:

Это обычный текст — и это полужирный text.

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

Связанные страницы

Учебник HTML: Форматирование текста HTML

Ссылка HTML DOM: Bold Object

Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент со следующими значениями по умолчанию:

Пример

b {
  font-weight: жирный шрифт;
}

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

❮ Предыдущая Полный справочник HTML Следующий ❯


ВЫБОР ЦВЕТА

Лучшие учебники
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3. CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Основные ссылки
Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Лучшие примеры Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

: Элемент привлечения внимания — HTML: язык гипертекстовой разметки

HTML-элемент используется для привлечения внимания читателя к содержимому элемента, которому в противном случае не придается особого значения. Ранее он был известен как элемент Boldface, и большинство браузеров по-прежнему рисуют текст жирным шрифтом. Тем не менее, вы не должны использовать для стилизации текста или придания важности. Если вы хотите создать полужирный текст, вы должны использовать свойство CSS font-weight . Если вы хотите указать, что элемент имеет особое значение, вы должны использовать элемент .

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

  • Используйте для таких случаев, как ключевые слова в сводке, названия продуктов в обзоре или другие фрагменты текста, которые обычно выделяются жирным шрифтом (но не включают какую-либо особую важность).
  • Не путайте элемент с элементами , или . Элемент представляет текст определенной важности , выделяет текст, а элемент представляет текст определенной значимости . Элемент не передает такой специальной семантической информации; используйте его только тогда, когда другие не подходят.
  • Аналогичным образом не следует отмечать заголовки и заголовки с помощью элемента . Для этого используйте теги от h2 до h6. Кроме того, таблицы стилей могут изменять стиль этих элементов по умолчанию, в результате чего они не обязательно отображаются полужирным шрифтом.
  • Рекомендуется использовать атрибут класса в элементе для передачи дополнительной семантической информации по мере необходимости (например, для первого предложения в абзаце). Это упрощает управление несколькими вариантами использования , если вам нужно изменить стилистику, без необходимости изменять все его использование в HTML.
  • Исторически элемент предназначался для выделения текста жирным шрифтом. Информация о стиле устарела, начиная с HTML4, поэтому значение элемента было изменено.
  • Если для использования элемента нет семантической цели, следует использовать свойство CSS font-weight со значением 9.0019 «полужирный» вместо , чтобы сделать текст жирным.
 <р>
  В этой статье описываются несколько элементов текстового уровня. Это
  объясняет их использование в документе HTML.


Ключевые слова отображаются в стиле по умолчанию
элемент, вероятно, выделен жирным шрифтом.

Результат

Категории контента Потоковое содержание, фразовое содержание, ощутимое содержание.
Разрешенный контент Фразы содержания.
Отсутствие тега Нет, начальный и конечный теги обязательны.
Разрешенные родители Любой элемент, принимающий фразовое содержание.
Неявная роль ARIA Нет соответствующей роли
Разрешенные роли ARIA Любой
Интерфейс DOM HTMLЭлемент
90 загрузка только в таблицах браузера BCD. Включите JavaScript для просмотра данных.

Спецификация
Стандарт HTML
# the-b-element