Как сделать текст жирным в HTML?


153

Я пытаюсь сделать текст жирным, используя HTML, но я пытаюсь заставить его работать.

Вот что я пытаюсь:

Some <bold>text</bold> that I want emboldened.

Может кто-нибудь сказать мне, что я делаю не так?


17
Я согласен, что сначала его нужно искать в Google, но я думаю, что в следующий раз, когда кто-то ищет в Google, он / она будет направлен на SO, что я считаю хорошей вещью. Больше трафика и людей, приходящих на SO.
Андрия

@binfolder может захотеть сказать, узнал ли он <bold> из Google. Другая, более общая возможность: все больше людей развиваются без школы и без чтения книг. Мы изучили этот материал в «первый день» или «второй день» «HTML 101». У них нет запланированных занятий.
Джон Сондерс

2
@ Андрия: Я согласен направить их сюда. Вот почему мой ответ направил их обратно туда, где они могли бы узнать ответ на следующий вопрос: «Как сделать курсив?»
Джон Сондерс

Ответы:


222

использовать <strong>или <b>тег

Кроме того, вы можете попробовать с CSS <span style="font-weight:bold">text</span>


53

HTML не имеет <bold>тега, вместо этого вам придется использовать <b>. Обратите внимание, что использование некоторое время<b> не рекомендуется в пользу CSS . Для этого вам лучше использовать CSS.

<strong>Тег является семантическим элементом для сильного акцента каких по умолчанию полужирных.


2
+1 b - это HTML 4, вы не должны быть сильным / css - это то, что нужно
googletorp

<b> никогда не осуждается. Рекомендуется в пользу <em>, <strong>, <h1..6> и т. Д., Да; устарел, нет.
Ноа Медлинг

Почему не рекомендуется использовать <b>CSS в пользу CSS? Это все равно что говорить, что использование <h* n* >не рекомендуется в пользу CSS. Это в стандарте, так что используйте его.
Гамбо

Gumbo: Из w3.org/TR/html4/present/graphics.html#h-15.2.1 - «Следующие элементы HTML определяют информацию о шрифте. Хотя не все они устарели, их использование не рекомендуется в пользу таблиц стилей».
Джои

1
На самом деле эти элементы возвращаются в HTML 5 как «элементы фразы» - например, <small> символизирует мелкий шрифт, а <b> должен использоваться для названий книг, я думаю.
Рассерженная шлюха

21

Путь разметки:

<strong>I'm Bold!</strong> and <b>I'm Bold Too!</b>

Стиль укладки:

.bold {
  font-weight:bold;
}

<span class="bold">I'm Bold!</span>

От: http://www.de December.com/html/x1/

<b>

Этот элемент содержит текст, который должен отображаться браузером как жирный шрифт. Поскольку значение элемента B определяет внешний вид содержимого, которое он содержит, этот элемент считается «физическим» элементом разметки. Как таковой, он не передает значение элемента семантической разметки, например, сильного.

<strong>

Описание Этот элемент содержит текст, который следует подчеркнуть. Сильнее, чем элемент em.


3
strongэто не то же самое, что b.
Гамбо

8
Никогда не говорил, что они были.
Сэмпсон

12

В HTML используйте:

  • Какой-то <b>текст, </b>который я хочу подбодрить.
  • Какой-то <strong>текст, </strong>который я хочу подбодрить.

В CSS используйте:

  • Какой-то <span style="font-weight:bold">текст, </span>который я хочу подбодрить.

7

Может кто-нибудь сказать мне, что я делаю не так?

«bold» никогда не был элементом HTML («b» - наиболее близкое совпадение).

HTML должен содержать структурированный контент; Издатель CSS должен предложить стили для этого контента. Таким образом, пользовательские агенты могут предоставлять структурированный контент с полезными стилями и навигационными элементами управления пользователям, которые не видят предложенный вами жирный стиль (например, пользователи поисковых систем, полностью слепые пользователи, использующие программы чтения с экрана, плохо зрячие пользователи, использующие свои собственные цвета и шрифты, вызывающие пользователи, использующие текстовые браузеры, пользователи голосовых браузеров, таких как Opera для Windows). Таким образом, правильный способ сделать текст жирным, зависит от того, почему вы хотите сделать его жирным. Например:

  • Хотите отличить заголовки от другого текста? Используйте элементы заголовка (от «h1» до «h6») и предложите для них выделенный жирный стиль в CSS («h1, h2, h3, h4, h5, h6 {font-weight: bold;}».

  • Хотите подбодрить ярлыки для полей формы? Используйте элемент «label», программно свяжите его с соответствующим элементом «select», «input» или «textarea», присвоив ему атрибут «for», соответствующий атрибуту «id» на цели, и предложите жирный стиль для это внутри вашего CSS ("label {font-weight: bold;"}).

  • Хотите выделить заголовок для группы связанных полей в форме, такой как группа выбора радио? Окружите их элементом «fieldset», присвойте ему элемент «legend» и предложите смелый стиль для него в вашем CSS («legend {font-weight: bold;}»).

  • Хотите отличить заголовок таблицы от заголовка таблицы? Используйте элемент «caption» и предложите для него смелый стиль в своем CSS («caption {font-weight: bold;}»).

  • Хотите отличить заголовки таблиц от ячеек данных таблицы? Используйте элемент th и предложите для него выделенный жирный стиль в CSS ("th {font-weight: bold;}").

  • Хотите отличить название фильма или альбома, на который ссылаются, от окружающего текста? Используйте элемент "cite" с классом ("cite class =" movie-title ") и предложите смелый стиль для него в вашем CSS (" .movie-title {font-weight: bold;} ").

  • Хотите отличить определенное ключевое слово от окружающего текста, определяющего или объясняющего его? Используйте элемент "dfn" и предложите смелый стиль для него в вашем CSS ("dfn {font-weight: bold;}").

  • Хотите отличить компьютерный код от окружающего текста? Используйте элемент «code» и предложите для него смелый стиль в своем CSS («code {font-weight: bold;}»).

  • Хотите отличить имя переменной от окружающего текста? Используйте элемент «var» и предложите смелый стиль для него в вашем CSS («var {font-weight: bold;}»).

  • Хотите указать, что какой-то текст был добавлен в качестве обновления? Используйте элемент «ins» и предложите смелый стиль для него в вашем CSS («ins {font-weight: bold;}»).

  • Хотите слегка подчеркнуть текст («Я люблю котят!»)? Используйте элемент «em» и предложите смелый стиль для него в вашем CSS (например, «em {font-weight: bold;}»).

  • Хотите сильно подчеркнуть текст, возможно, для предупреждения (« Берегите собаку! »)? Используйте элемент «strong» и предложите смелый стиль для него в вашем CSS (например, «strong {font-weight: bold;}»).

... Вы поняли (надеюсь).

Не можете найти элемент HTML с правильной семантикой для выражения / почему / вы хотите сделать этот конкретный текст жирным? Оберните его в общий элемент «span», дайте ему осмысленное имя класса, которое выражает ваше обоснование для различения этого текста ("<span class =" lede "> Позвольте мне начать эту новостную статью с предложения, которое суммирует его. </ Span >) и предложите смелый стиль для него в вашем CSS (".lede {font-weight: bold;"}. Прежде чем создавать собственные имена классов, вы можете проверить, есть ли микроформат (microformats.org) или общее соглашение о том, что вы хотите выразить.


Итак, в итоге {link_to_HTML_element {font-weight: bold; }}
Джеймс Х

6

Элемент HTML определяет текст, выделенный жирным шрифтом, без какой-либо дополнительной важности.

<b>This text is bold</b>

Элемент HTML определяет сильный текст с добавленной смысловой «сильной» важностью.

<strong>This text is strong</strong>

5

Другой вариант - сделать это через CSS ...

Например, 1

<span style="font-weight: bold;">Hello stackoverflow!</span>

Например 2

<style type="text/css">
    #text
    {
        font-weight: bold;
    }
</style>

<div id="text">
    Hello again!
</div>

4

Ты почти у цели!

Для жирного текста у вас должно быть это: <b> bold text</b>или у <strong>bold text</strong>них тот же результат.

Рабочий пример - JSfiddle


2
Этот вопрос был задан семь лет назад и уже имеет решение (правильный ответ был опубликован через 3 минуты после того, как его спросили). Таким образом, ваш ответ не добавляет ничего полезного. Если вы хотите найти проблемы, которые еще не были решены, введите answers:0в поле поиска вверху, которое даст вам список всех вопросов, ответы на которые не опубликованы.
Мистер Листер

1
@MrLister IMO ссылка на JSfiddle весьма полезна.
Χpẘ

3

Это просто <b>вместо <bold>:

Some <b>text</b> that I want bolded.

Обратите внимание, что <b>просто меняется внешний вид текста. Если вы хотите сделать его жирным, потому что хотите выразить сильный акцент, вам лучше использовать этот <strong>элемент .


2

Я думаю, что реальный ответ - http://www.w3schools.com/HTML/default.asp .


2
Именно. Если вы не знаете, как сделать жирный текст в HTML, и не знаете, как это сделать, вам нужно начать с урока 1.
myplacedk

2
@ Гарет: что вы считаете неправильным в w3schools, и что вы считаете правильным ответом тому, кто не знает HTML-код первого дня? Хорошо, может быть, день два, если они короткие.
Джон Сондерс

Это был один из тех немногих раз, когда я рекомендовал w3schools. Живи и учись.
Джон Сондерс
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.