Вторник, 15 Мая 2012 11:39

Жирный текст на CSS

Written by 
Оцени эту запись
(5 Голоса)

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

 

 

Жирный текст можно сделать несколькими способами:

  • с использование тега <b>
  • с использованием тега <strong>
  • прописав стили font-weight: bold

 

Первые два способа при отображении текста ничем не отличаются, но поисковые системы лучше воспринимают выделение с помощью strong. 

Рассмотрим примеры:

 

В этой строке одно слово выделено при помощи тега b, а другое - при помощи strong.

 

 

<p>В этой строке одно <b>слово</b> выделено при помощи тега b, а <strong>другое</strong> - при помощи strong.</p>
 
Выделять можно также при помощи CSS:
 
В этом предложении жирное слово выделено через css.
 

В этом предложении <span style="font-weight: bold">жирное слово</span> выделено через css.

 

У некоторых тегов по умолчанию стоит жирность - это заголовки h1-h6, заголовки таблиц th. Для них жирность можно убрать в css при помощи того же свойства, только другого значения:

 

font-weight: normal

 

Так же жирность можно убирать для текста, который выделен тегами b и strong. Это применяется для того, чтобы ключевые слова в тексте были видны поисковикам, но не отвлекали при чтении читателей:

 

 

В этой строке одно слово выделено при помощи тега b, а другое - при помощи strong.

 

В этой строке одно <b style="font-weight: normal;">слово</b> выделено при помощи тега b, а <strong style="font-weight: normal;">другое</strong> - при помощи strong.

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов