0

Чтобы выделить одно слово из предложения жирным шрифтом средствами HTML нужно использовать тэг <b>Word</b> или <strong>Word</strong>. Но, все говорят, что нужно оформление полностью делать в CSS. За жирность в CSS отвечает font-weight:. Я пробовал заключать слово в <div></div>, но он переносит текст за измененным словом на новую строку. Как можно решить проблему?

2
  • 2
    не слушайте этих ВСЕХ, это глупость. используйте strong, он для того и придуман.
    – xaja
    6 фев 2016 в 13:53
  • Если вам дан исчерпывающий ответ, отметьте его как верный (галка напротив выбранного ответа). 7 фев 2016 в 6:06

2 ответа 2

3

Поместить его в тег span:

span.bold {
  font-weight: bold;
}
Привет, <span class="bold">мир</span>!

0

Иногда семантика неотделима от оформления - в таком случае просто используйте <b> или <strong>.

Если же оформление как-то связано с семантикой, то жирность можно "навесить" на любой семантический тэг. К примеру, на <abbr> если вам надо выделять жирным аббревиатуры. Или на <kbd> если вам нужно выделить сочетание клавиш.

Универсальным инлайновым тэгом является <span>. Но использовать его желательно только вместе с уточнением в виде класса:

<span class="selected-word">foo</span>

span.selected-word {
  font-weight: bold;
}

Ну и по поводу <div>. Этот тэг использовать также можно, если задать ему стиль display: inline. Но я бы не рекомендовал так делать, поскольку семантика тут точно нарушится (div - это раздел в тексте, а никак не слово).

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.