Парный тег <b> – (bold — жирный) задаёт жирное начертание шрифта , с помощью этого тега текст можно подчеркнуть важность текста .
В следующем примере показано использование тег <b> для выделения слов без пометки их как важных:
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Полужирный текст</title>
<style type="text/css">
@media screen and (max-width: 767px) {
body {
max-width: 767px;
height: auto;
}
}
h1 {
color: blue;
}
p {
font-size: 14pt;
}
</style>
</head>
<body>
<h1>Полужирный текст</h1>
<p><b>Кофе</b> и <b> чай</b> бодрящие напитки.</p>
</body>
</html>Полужирный текст
В следующем примере объекты в тексте выделяются как особенные с помощью тега <b>.
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Полужирный текст</title>
<style type="text/css">
@media screen and (max-width: 767px) {
body {
max-width: 767px;
height: auto;
}
}
h1 {
color: blue;
}
p {
font-size: 14pt;
}
</style>
</head>
<body>
<h1>Полужирный текст</h1>
<p>Вы входите в маленькую комнату. <br />
Ваш <b> меч </b> светится
ярче. <b> Кот </b> пробегает мимо угловой стены. </p>
</body>
</html>Полужирный текст
Другой случай, когда этот тег <b> уместен, - это разметка предложения или абзаца lede (или ведущего). В следующем примере показано, как можно разметить статью.
<h2> Котята «усыновлены» кроликом</h2>
<p><b class = "lede">Шесть брошенных котят нашли
неожиданная новая фигурка мамы - домашний кролик.</b></p>
<p>Ветеринарная медсестра Мелани Хамбл взяла трехнедельному ребенку , котят в ее дом в Абердине.</p>
</article>Полужирный текст
Этот элемент тег <b> следует использовать в крайнем случае, когда нет более подходящего элемента. В частности, заголовки должны использовать элементы h1 до h6, акцент должен использовать тег <em> , важность должна быть обозначена с помощью тега <strong>, а текст, отмеченный или выделенный, должен использовать этот mark элемент.
Следующее будет неправильным использованием:
<p><b>ПРЕДУПРЕЖДЕНИЕ! </b>Не пугайте кошек и котят!</p>Полужирный текст
В предыдущем примере правильным элементом для использования было бы тег <strong>, но не тег <b>.