Как придать тексту в 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.

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: