Что значит b в html
Перейти к содержимому

Что значит b в html

  • автор:

<b> — жирное выделение текста

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

Content categories (en-US) Flow content (en-US) , phrasing content (en-US) , palpable content.
Разрешённый контент Phrasing content (en-US) .
Tag omission Нет, открывающий и закрывающий теги обязательны.
Permitted parents Any element that accepts phrasing content (en-US) .
Permitted ARIA roles Any
DOM interface HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element.

Атрибуты

Указания по применению

  • Используйте <b> в таких случаях, как ключевые слова в кратком содержании, имена продуктов в отзыве, или других частях текста, которые обычно выделяют жирным.
  • Не путать элемент <b> с <strong> , <em> , или <mark> элементами. Элемент <strong> представляет собой текст определённой важности, <em> делает некий акцент на тексте, и элемент <mark> представляет собой текст определённой значимости. Элемент <b> не содержит специальной семантической информации, используйте его только в том случае, если другие не подошли.
  • Также не помечайте заглавия и заголовки элементом <b> . Для этих целей используйте элементы с <h1> (en-US) до <h6> (en-US) . К тому же CSS может изменять стандартный вид этих элементов, в результате чего они не всегда будут выделены жирным текстом.
  • Хорошей практикой является использование атрибута class на элементе <b> для того, чтобы передать дополнительную семантическую информацию (например, <b > для первого предложения в абзаце). Это упрощает разработку различных стилизаций веб-документа без надобности менять его HTML-код.
  • Исторически, элемент <b> был задуман для выделения текста жирным шрифтом. Информация о стилизации устарела, начиная с HTML4, значение элемента <b> было изменено.
  • Если нет семантической причины использовать элемент <b>, использование css свойства font-weight (en-US) со значением bold будет более грамотным выбором для изменения толщины текста.

Пример

Ключевые слова с тегом <b> , отображаемые со стилем, выделены жирным шрифтом.

HTML <b> Tag

Make some text bold (without marking it as important) :

More «Try it Yourself» examples below.

Definition and Usage

The <b> tag specifies bold text without any extra importance.

Tips and Notes

Note: According to the HTML5 specification, the <b> tag should be used as a LAST resort when no other tag is more appropriate. The specification states that headings should be denoted with the <h1> to <h6> tags, emphasized text should be denoted with the <em> tag, important text should be denoted with the <strong> tag, and marked/highlighted text should be denoted with the <mark> tag.

Tip: You can also use the following CSS to set bold text: "font-weight: bold;".

Что значит b в html

HTML — это язык разметки гипертекста. С его помощью мы сообщаем браузеру, какие элементы веб-страницы ему предстоит отобразить. Если ранее он отображал только визуальные элементы и текст, то сегодня язык HTML способен передавать и смысловую нагрузку наполнения страницы. Для этого разработчики используют специальные элементы для форматирования текста.

Текст форматируется по трем причинам:

До недавнего времени язык HTML предлагал использовать теги <B> и <I> для написания текста жирным или курсивом. С появлением новой версии языка разметки HTML5, появились дополнительные теги, которые образовали близкие по своему предназначению пары: <STRONG> и <B>, <EM> и <I>.

Их появление обусловлено развитием поисковых систем, которые сегодня стремятся понимать смысл того, что размещено на странице. Создатели предложили различать HTML-теги для текста, имеющие семантическое и визуальное форматирование. Теперь с помощью тегов визуального форматирования (<B>, <I>) мы выделяем часть текста визуально, а теги семантического форматирования (<STRONG>, <EM>) передают эмоции.

Визуально вы никогда не сможете различить, какой тег использован на странице. Жирный шрифт в HTML можно сделать и с помощью <STRONG>, и с помощью <B>, а курсив — и через <EM>, и через <I>. Тогда зачем же так усложнять?

Разгадка есть. Если включить голосовое озвучивание текста, то слова и фразы, выделенные тегами <STRONG> и <EM>, компьютер прочтет с особо эмоциональной интонацией и громкостью. Вся суть заключается в этом, так как семантическое форматирование помогает поисковым системам понять контекст написанного (смысл).

    <STRONG> — тег семантического форматирования. Он передает высокую важность выделенного текста. Визуально выглядит жирнее, чем основной текст.

Внешний вид необязательно будет жирным или курсивом. Он может регулироваться стилями CSS, но по-прежнему передавать браузеру значение большей важности выделенного тегами текста, относительно другого. <B> и <I> вынесены в раздел «Форматирование» и указывают браузеру, как отобразить фрагмент текста.

Со стороны поисковых систем нет существенных указаний, как использовать основные теги HTML для оптимизации страниц. Сотрудники Google отрицают какую-либо разницу и разрешают использовать любые из них. Тем не менее трансформация алгоритмов дает повод усомниться.

Миссия поисковых систем — предоставить релевантный результат в ответ на запрос пользователя. Для этого они пытаются понять смысл того, что вы публикуете на своих страницах. Использование семантических тегов упрощает эту задачу. Они обращают внимание поисковых роботов на слова и фразы, которые помогают им определить, к какому запросу, вероятнее всего, принадлежит страница.

Однако существуют рекомендации W3C:

В HTML5 тег <STRONG> используйте для особо важных фрагментов. Это наиболее актуально:

  • в заголовке или в названии раздела;
  • в части текста, который имеет особое значение, относительно другого текста;
  • чтобы выделить важную информацию, уведомить читателя о чем-то;
  • чтобы обратить внимание читателя прежде, чем он прочтет остальную информацию на странице.

  • ключевых слов;
  • имен и названий;
  • призыва к действию.

Задано предложение: «Кошки — милые животные». В зависимости от того, где поставлен тег <EM> изменится смысл.

«<EM>Кошки</EM> — милые животные» — если кто-то утверждает, что милы другие животные.

«Кошки — <EM>милые</EM> животные» — Если кто-то утверждает, что кошки — противные животные.

«Кошки — милые <EM>животные</EM>» — Если кто-то утверждает, что кошки — милые овощи.

Если делать смысловой акцент не надо, используйте тег <I>. Он уместен для выделения цитаты, фразы, обозначения и т. п.

HTML: <b> tag

This HTML tutorial explains how to use the HTML element called the <b> tag with syntax and examples.

Description

The HTML <b> tag merely gives text a bold appearance but does not provide any semantic meaning to the text. This tag is also commonly referred to as the <b> element.

Syntax

In HTML, the syntax for the <b> tag is:

Sample Output

Attributes

Only the Global Attributes apply to the <b> tag. There are no attributes that are specific to the <b> tag.

  • The HTML <b> element is found within the <body> tag.
  • The <b> tag is used to bold text but does not put emphasis on the text like the <strong tag> does.
  • In most cases, it is recommended that you use the <strong> tag rather than the <b> tag.

Browser Compatibility

The <b> tag has basic support with the following browsers:

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • Edge Mobile
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

Example

We will discuss the <b> tag below, exploring examples of how to use the <b> tag in HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.

  • HTML5
  • HTML4
  • XHTML

HTML5 Document

If you created a new web page in HTML5, your <b> tag might look like this:

In this HTML5 Document example, we have created a <b> tag that encloses the text "this text" which will display as bolded.

HTML 4.01 Transitional Document

If you created a new web page in HTML 4.01 Transitional, your <b> tag might look like this:

In this HTML 4.01 Transitional Document example, we have created a <b> tag that encloses the text "this text" which will display as bolded.

XHTML 1.0 Transitional Document

If you created a new web page in XHTML 1.0 Transitional, your <b> tag might look like this:

In this XHTML 1.0 Transitional Document example, we have created a <b> tag that encloses the text "this text" which will display as bolded.

XHTML 1.0 Strict Document

If you created a new web page in XHTML 1.0 Strict, your <b> tag might look like this:

In this XHTML 1.0 Strict Document example, we have created a <b> tag that encloses the text "this text" which will display as bolded.

XHTML 1.1 Document

If you created a new web page in XHTML 1.1, your <b> tag might look like this:

In this XHTML 1.1 Document example, we have created a <b> tag that encloses the text "this text" which will display as bolded.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *