Жирный текст (или его части) часто используется для того, чтобы подчеркнуть главную мысль текста или сфокусировать внимание пользователя на этой части текста.
Существуют различные способы сделать это в разных ситуациях, поэтому для каждого можно найти что-то свое.
Жирный текст (шрифт) в HTML
Начнем с классики — чистого языка разметки HTML (помните, HTML — это не язык программирования).
В HTML нужно создать нужное слово (фразу или целый текст, для больших объемов данных разумнее использовать CSS. Подробнее об этом см. ниже) имеет два тега.
Первое — это этикетка. Текст, заключенный в него, обычно выделяется жирным шрифтом. Использовать:.
Требуется концевая метка. Здесь нет приватных атрибутов, только глобальные атрибуты, такие как id, class и т.д.
Второй — это этикетка. Использовать:.
Как и предыдущая метка, она закрывает метку, значение насыщенности (темный цвет) и функцию.
Существенное различие между тегами заключается в том, что первый () является логическим элементом разметки и используется для указания смысла содержащегося в нем текста, а второй () является физическим элементом разметки и изменяет только внешний вид текста (также содержащегося в нем).
Чтобы убрать полужирный текст, заключенный в один из этих тегов, просто удалите его (эти теги) или используйте свойство CSS.
Жирный текст (шрифт) в CSS
В каскадных таблицах стилей (CSS) насыщенность (полужирность) текста определяется свойством font-weight. Популярными значениями (на мой взгляд) являются 400 (эквивалент обычного обычного текста) и 700 (эквивалент жирного, стандартного жирного).
Все принятые значения атрибутов находятся в диапазоне от 100 до 900 (включая оба конца) с шагом 100 (100, 200, 300, 400 или нормальный, 500, 600, 700 или интенсивный, 800 и 900). Некоторые из этих значений могут не дать желаемого результата, в зависимости от характера используемого шрифта.
Далее идут значения Bold и Lightweight (устанавливает жирность указанного текста выше или ниже родителя соответственно), Inheritance (указывает на наследование от родителя) и Default (устанавливает значение по умолчанию).
Жирный текст (шрифт) в jQuery/JavaScript
При использовании jQuery или JavaScript для придания тексту желаемой степени жирности можно использовать два метода. Один из них — обернуть текст при вставке его на страницу с помощью HTML-тегов.
Вариант jQuery:.
Похожая вариация JavaScript:.
Второй — применить свойство CSS font-weight с нужным значением.
Вариант jQuery:.
Похожая вариация JavaScript:.
Кроме того, существует метод bold (), который оборачивает переменную (текст) в тег HTML.
Однако, согласно некоторым источникам, этот метод считается устаревшим, и его использование не рекомендуется.