Как сделать текст на странице полужирным?

В этой статье представлены способы, как шрифты HTML вывести полужирным.

Делаем текст полужирным при помощи CSS-свойства font-weight

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

Давайте взглянем на следующий пример:

<p>Пример <span style="font-weight:bold;">полужирного</span> текста при помощи CSS...</p>
<p style="font-weight:bold;">...а также полужирного выделения всего абзаца.</p>

Пример полужирного текста при помощи CSS…
а также полужирного выделения всего абзаца.

С помощью этого свойства также можно указывать плотность текста. К тому же вы сможете определять текст, который не требуется выделять.

В приведенном выше примере используются встроенные стили. Но я настоятельно рекомендую вам использовать внешние файлы и CSS-классы, так как это поможет применять единую стилизацию ко всем страницам сайта одновременно.

Делаем текст полужирным при помощи HTML-тега <b>

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

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

<p>Пример <b>полужирного</b> текста при помощи HTML-тега...</p>
<p><b>...а также полужирного выделения всего абзаца.</b></p>

Пример полужирного текста при помощи HTML-тега…
а также полужирного выделения всего абзаца.

HTML-тег <b> — самый быстрый способ вывести текст полужирным.

Так какой метод уместнее?

HTML предлагает несколько способов выделения текста. И у каждого тега конкретное предназначение.

HTML-тег Когда применяется
<b> Используется для вывода полужирного шрифта HTML, имеющего ключевое значение.
<em> Этот элемент позволяет привлечь внимание с помощью выделения определенного фрагмента текста.
<h1>, <h2>, <h3>, <h4>,
<h5> и <h6>
Эти теги используются для вывода подзаголовков различных уровней.
<mark> Используйте этот тег, когда хотите обратить внимание на определенное слово или фразу в справочных целях.
<strong> Этот элемент отражает важность и ценность обрамленного в него контента.

Элемент <b> следует использовать, когда другие элементы выделения не подходят. Если точнее: то элементы от <h1> до <h6> служат для выделения заголовков, акцентирование внимания производится с помощью элемента <em>, важные фрагменты следует выделять элементом <strong>, а текст справки можно отметить тегом <mark>.

Комбинируем выделение текста с помощью CSS и HTML

Будет лучше всего, если вы научитесь комбинировать HTML шрифты и CSS-методы выделения текста в HTML-документах.

HTML-способы отлично подходят для определения значения выделенного текста, в то время как CSS-стилизация отвечает за внешний вид текста.

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

Перевод статьи “HTML Bold” был подготовлен дружной командой проекта Сайтостроение от А до Я.