Альтернатива тегу HTML Bold - PullRequest
Новая
       23

Альтернатива тегу HTML Bold

73 голосов
/ 16 марта 2009

Хорошо, я знаю, что в HTML вы можете использовать тег <b>, но нет ли атрибута "weight=bold", который я могу использовать в теге <p>?

Или это в CSS или Javascript?

Ответы [ 18 ]

87 голосов
/ 16 марта 2009

Также рассмотрим тег <strong>. Это намного лучше для программ чтения с экрана и, следовательно, лучше для доступности. Поисковые системы также используют теги <strong> для определения важного контента, аналогично тому, как они используют теги заголовков <h1>, <h2> и т. Д. (Хотя <b> также будет иметь аналогичное значение для поисковых систем). Если вы хотите подчеркнуть важность текста, используйте <strong>. Если вы не хотите подчеркнуть важность, используйте тег <b> или стиль font-weight:bold; для элемента или в CSS.

Хотя, если вы набираете жирным шрифтом весь абзац, вероятно, лучше использовать опцию CSS. Это уменьшит влияние на программы чтения с экрана и, вероятно, не имеет смысла выделять весь абзац. Но с другой стороны, я видел, что жирный шрифт раньше подчеркивал целый абзац по уважительной причине. В этом случае font-weight:bold; - это то, что вы хотите использовать, скорее всего, в классе / стиле.

В конце концов, <strong>, <b> или font-weight:bold; будут работать и достигать чего-то похожего визуально (вероятно, точно так же), но они имеют несколько иные значения. Кроме того, убедитесь, что если заголовок является заголовком, используйте теги заголовка: <h1>, <h2> и т. Д.

68 голосов
/ 16 марта 2009

Вы думаете о свойстве CSS font-weight: 

p { font-weight: bold; }
21 голосов
/ 16 марта 2009

Если значение текста семантически strong , используйте элемент strong. Если нет, используйте семантический именованный класс (класс, который ясно показывает значение элемента, не смешивайте представление и данные, называя его bold и т. Д.) И ссылайтесь на него в своем CSS.

HTML 

<span class="important-message">I'm important!</span>

CSS 

.important-message {
   font-weight: bold;
}

Некоторые люди до сих пор используют элемент b как презентационный хук, но не устарел , хотя большинство людей предпочитают элемент strong в настоящее время. Просто убедитесь, что они используются правильно.

10 голосов
/ 22 июля 2010

Тег жив и здоров. не считается устаревшим, но его использование было уточнено и ограничено. не имеет семантического значения и не передает вокального акцента, как это может произносить читатель экрана. Тем не менее, передает напечатанный empasis , как и тег . Оба имеют определенное место в типографии, но не в разговорной речи, mes frères .

Цитировать http://www.whatwg.org/

Элемент b представляет собой диапазон текста, который стилистически смещается от обычной прозы без передачи какой-либо дополнительной важности, например ключевые слова в аннотации документа, названия продуктов в обзоре или другие участки текста, типичное типографское представление которых выделено жирным шрифтом.
7 голосов
/ 16 марта 2009

В CSS вы должны установить font-weight: bold; как стиль

7 голосов
/ 17 мая 2011

Вы можете сделать текст или слова Bold с помощью тега <b>Text</b>.

Вы также можете использовать <strong>Text</strong> тег

Теги заголовков <h1>, <h2>, <h3>, ... являются выделенными жирным шрифтом тегами и делают текст полужирным по умолчанию, если вы не изменили их стиль с помощью CSS

Вышеуказанные теги были доступны в HTML, но если вы хотите изменить стиль с помощью CSS, вы можете использовать 

font-weight:bold
6 голосов
/ 10 декабря 2017

Вы можете код, как показано ниже .. 

<html>
 <head>
 <style>
 p.boldstats{
 font-weight: bold
  }
  </style>
 </head>

  <body>
  <p class="boldstats"> The bold finder </p>
  </body>
</html>
6 голосов
/ 27 ноября 2017

Вы можете использовать атрибут font-weight на вашем

Например: 

<p>This is my paragraph</p>

У вас может быть встроенный CSS, как показано ниже: 

<p style="font-weight:bold;">This is my paragraph</p>

Или укажите его во внешней таблице стилей CSS, как показано ниже: 

p{
  font-weight:bold;
}
4 голосов
/ 11 мая 2011

<b> - последнее средство

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

Более полезные альтернативы

  • Для важного текста: <strong>
  • Для текста, выделенного ударением: <em>
  • Для заголовков, не только заголовков страниц, но и заголовков абзацев и других видов: <h1> through <h6>

Практичный край для использования <b>

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

  1. вы создали <strong> другим способом, который не требуется отображать для текста, который вы имеете в виду,

  2. вы не хотите курсив или заголовок и

  3. вы собираетесь использовать встроенный диапазон или диапазон с классом только для полужирного текста . (Например: <span class='bold'>)

Тогда разумно вместо этого использовать <b>, потому что в этом случае он, вероятно, будет чище / короче и более семантическим, чем несемантический диапазон, и краткость / читабельность - хорошая причина для такого выбора, поскольку b переопределено для использования в качестве элемента, обозначающего печатный акцент .

4 голосов
/ 16 марта 2009

Вы также можете сделать <p style="font-weight:bold;"> bold text here </p>

Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...