Как придать тексту в html жирный шрифт

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

Как выделить текст жирным шрифтом в html

Язык html для этой цели предлагает нам два тега. Результат от их работы одинаковый, но общая цель немного отличается. Это парные теги strong и b. Нужный текст достаточно просто заключить между открывающей и закрывающей частями этих тегов. Вот так:

<b>Текст, выделенный жирным</b>
<strong>Текст, выделенный жирным</strong>

жирный шрифт в html

Как видите, результат одинаков. Но, как я уже и говорил, отличия все-таки есть. Тег b изменяет лишь внешний вид текста. Тег strong же добавляет словам определенную важность, делая их чуть более значимыми, чем остальные слова в тексте. Очевидно, что этим тегом есть смысл выделять слова, которые подчеркивают главные мысли вашей статьи или заметки.

Если же вам нужно просто добавить текст жирности, то используйте тег b. Конечно, разницы в обычных веб-обозревателях никакой не будет, но, например в речевых браузерах, текст из этих тегов будет отмечен по-разному. Также для поисковых машин может быть небольшая разница, потому что strong можно назвать тегом логической разметки. Он несет в себе определенную долю семантики, в отличие от b.

Жирный шрифт с помощью css

Вообще-то, в идеале изменять внешний вид текста лучше через каскадные таблицы стилей. Там это делается с помощью правила font-weight: bold. Значение font-weight: normal, вернет тексту обычное начертание.

Также жирностью текста можно управлять более гибко, с помощью числовых значений этого свойства. Так, значениями font-weight могут выступать числа 100, 200, 300 … 900, где 400 – обычное начертание, а 700 – жирное. Соответственно, при желании вы можете еще немного увеличить или уменьшить толщину букв в зависимости от того, что вам нужно.

Конечно, использование css-правил удобнее тогда, когда нужно задать начертание для целого элемента. Когда же нужно выделить отдельный фрагмент, то придется заключать его в пустые теги , к которым дописывать стилевой класс. Например:

<span class = “bold”>Текст</span>
.bold{
	Font-weight: bold;
}

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

Да, это реклама, но надеюсь, она будет полезна вам. GetUniq это сервис для вебмастеров и всех работающих с трафиком людей, с помощью которого можно выгоднее пополнять счета в кабинетах рекламных сетей, таких как Яндекс.Директ, MyTarget, ВК Таргет и другие. Без использования сервиса вам придется заплатить 1180 рублей за пополнение счета в Директе на 1000, а используя возможности Getuniq за эти же 1180 на ваш счет поступит 1100-1200 рублей! То же самое для всех других сетей. Я сам уже начал использовать и порекомендовал всем знакомым вебмастерам, рекомендую и вам. При желании, по этой ссылке вы можете почитать мой обзор сервиса.

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

Добавить комментарий