B html: Тег | HTML справочник

Содержание

| HTML | WebReference

Элемент <b> (от англ. bold — жирный) используется для привлечения внимания к тексту, при этом важность или значение текста не играют роли. Текст внутри <b> отображается жирным начертанием.

<b> не предназначен для оформления текста, с этой целью подойдёт элемент <span> с добавленными к нему стилями.

Закрывающий тег

Пример

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>B</title> </head> <body> <p><b>Почему изоморфна функция B(x,y)</b></p> <p>Дивергенция векторного поля переворачивает интеграл от функции, обращающейся в бесконечность в изолированной точке. Окрестность точки, конечно, небезынтересно отражает <b>функциональный анализ</b>. Представляется логичным, что полином развивает равновероятный натуральный логарифм.</p> </body> </html>

Результат данного примера показан на рис. 1.

Вид жирного начертания шрифта в тексте

Рис. 1. Вид жирного начертания шрифта в тексте

Примечание

Чтобы задать жирное начертание через стили, используйте стилевое свойство font-weight.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>font-weight</title> <style> .bold { font-weight: bold; } </style> </head> <body> <p>Абстрактное высказывание вызывает <span>словесный реципиент</span>.</p> </body> </html>

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor's draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

Как научиться разрабатывать сайты

- Веб-технологии для разработчиков

Этот перевод не завершён. Пожалуйста, помогите перевести эту статью с английского

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

Атрибуты

Этот элемент содержит только global attributes.

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

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

Пример

.keywords {
    color:red;
}
<p>
    В этой статье описывается элемент для форматирования <b>текста</b>.
    Она объясняет его использование в документе <b>HTML</b>.   
</p>

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

Спецификации

Браузерная совместимость

Таблица совместимости на этой странице сгенерирована из структурированных данных. Если вы желаете содействовать данным, пожалуйста, проверьте https://github.com/mdn/browser-compat-data и отправьте нам pull request. Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
bChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка 1
Полная поддержка 1
Замечания Before Firefox 4, this element implemented the HTMLSpanElement interface instead of the standard HTMLElement interface.
IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка Да
Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Смотрите замечания реализации.
Смотрите замечания реализации.

Смотрите также

  • Другие элементы содержащие text-level semantics: <a>, <em>, <strong>, <small>, <cite>, <q>, <dfn>, <abbr>, <time>, <code>, <var>, <samp>, <kbd>, <sub>, <sup>, <i>, <mark>, <ruby>, <rp>, <rt>, <bdo>, <span>, <br>, <wbr>.
  • Using <b> and <i> elements (W3C)

старые теги нового назначения / Хабр

Всем известно, что теги <b>, <i>, <s>, <small> являются презентационными, а следовательно, исходя из парадигмы «структура, представление, поведение» их использование не приветствуется. Куда более привычными представляются элементы <strong>, <em>, <del>. Так было на протяжении долгих лет практики разработки. Однако многое поменялось в семантике этих элементов с приходом HTML5. Теперь у нас 4 новых тега со смыслом и каша в голове.

<b> vs <strong>


Если раньше все учебники по вёрстке пестрили фразами вроде «используйте <strong> вместо <b>», и это было наполовину верно, то сегодня такая привычка может сыграть злую семантическую шутку. А дело всё в том, что авторы HTML5 предлагают использовать <b> для выделения отрывков текста с целью обратить внимание читателя, однако не подразумевая усиления значимости текста или интонации. Спецификация приводит примеры использования для разметки ключевых слов в документе

<p>The <b>frobonitor</b> and <b>barbinator</b> components are fried.</p>

и лидов (первый абзац статьи в журналистике)

<article>
<h3>Kittens 'adopted' by pet rabbit</h3>
<p><b>Six abandoned kittens have found an unexpected new mother figure — a pet rabbit.</b></p>
<p>Veterinary nurse Melanie Humble took the three-week-old kittens to her Aberdeen home.</p>
</article>

В свою очередь <strong>, как и раньше, означает повышенную значимость своего содержимого.

<i> vs <em>


Отныне <i> содержит текст, выбивающийся из общего окружения, но не имеющий эмоциональной окраски. На мой взгляд, <i> логично использовать там, где типографская традиция предполагает курсив (например, слова на иностранном языке, термины и др.)

<i>Per aspera ad Astra</i> — в переводе с латыни изречение означает «Через тернии к звёздам».

<em> же означает эмфатическое ударение, эмоциональный акцент на данном отрывке текста. Это тот случай, когда в речи мы выделяем слова голосом (интонацией, громкостью и др.)

Казнить <em>нельзя</em>, помиловать.

Внимательно читайте договор!


«Текст мелким шрифтом» (информация, являющаяся юридической формальностью, как то лицензия предприятия или юридический адрес и др.) мы, как правило, размечали элементом с классом, задающих в визуальных ПА более мелкий шрифт. Теперь же в нашем арсенале появился новый старый семантический элемент — <small>.

Холивар о <s>


Раньше <s> был ни чем иным, как зачёркнутый текст. Теперь <s> представляет информацию, которая утратила свою актуальность.
У нас также есть элемент <del>, результатом обработки которого по умолчанию в визуальных ПА является зачёркнутый текст. Он означает изменения в документе, и на первый взгляд их назначение может показаться одинаковым. Однако здесь есть тонкий момент. Рассмотрим пример страницы товара в интернет-магазине.
На ней может быть указано две цены, одна из которых зачёркнута. Её мы размечаем элементом <s>. Это значит, что старая цена утратила свою актуальность (не важно когда это было, важен сам факт). Как проверить, что не <del>? <del> подразумевает изменения, внесённые в документ(важно то, что в некоторый момент времени документ был изменён). В нашем же случае, в новом документе уже содержится неактуальная информация.

Новая семантика и старый доктайп


Если по каким-то непонятным причинам вы не можете заменить доктайп на новый и формально верстаете в HTML 4.01 — не отчаивайтесь. Используйте старые новые элементы с новым смыслом и со временем вы скажете себе «спасибо». Возможно, кто-то скажет, что это неправильно, но ведь эти элементы, кроме <s> даже не являются невалидными. Кроме того, HTML5 разрабатывался с расчётом на обратную совместимость, это же относится и к новой семантике старых элементов. Радикально ничего не изменилось, а добавилась лишь семантическая перчинка.

Тег | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
1.0+ 1.0+ 2.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой. Если текст, в котором используется перевод строки, обтекает плавающий элемент, то с помощью атрибута clear тега <br> можно сделать так, чтобы следующая строка начиналась ниже элемента.

Синтаксис

HTML
Текст<br> текст
XHTML
Текст<br /> текст

Атрибуты

clear
Сообщает браузеру, как обрабатывать следующую строку, если текст обтекает плавающий элемент.

Закрывающий тег

Не требуется.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег BR</title>
 </head>
 <body>

  <p>Р.Л. Стивенсон</p>
  <p>Лето в стране настало,<br>
   Вереск опять цветет.<br>
   Но некому готовить<br>
   Вересковый мед.</p>

 </body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1. Вид текста при использовании тега <br>

HTML b Tag


Пример

Сделать текст жирным шрифтом (не помечая его как важный):

Это обычный текст - , а это жирный текст .

Попробуй сам "

Ниже приведены примеры "Попробуйте сами".


Определение и использование

Тег <900> указывает жирный текст без какой-либо дополнительной важности.


Советы и заметки

Примечание: Согласно спецификации HTML5, <900> тег следует использовать в качестве ПОСЛЕДНЕГО курорта, если другой тег не является более подходящим. спецификация гласит, что заголовки должны быть обозначены теги от

до
, выделенный текст должен обозначаться с тег , важный текст должен быть обозначен с тегом , а выделенный / выделенный текст должен обозначаться с тег .

Подсказка: Вы также можете использовать следующий CSS для установки полужирного текста: "font-weight: жирный; ".


Поддержка браузера

Элемент
<900> Да Да Да Да Да

Глобальные атрибуты

Тег <900> также поддерживает глобальные атрибуты в HTML.


Атрибуты события

Тег <900> также поддерживает атрибуты событий в HTML.



Дополнительные примеры

Пример

Используйте CSS для установки жирного текста:

Это обычный текст - , и это жирный шрифт текст .

Попробуй сам "

Связанные страницы

Учебник по HTML: HTML Text Formatting

HTML DOM ссылка: жирный объект


Настройки CSS по умолчанию

Большинство браузеров отображают элемент со следующими значениями по умолчанию:

,
HTML-тег

Тег HTML используется для создания элемента 'b', который представляет жирный текст в документе HTML.

Тег должен использоваться для разметки текста как полужирного без передачи какой-либо дополнительной важности, например, в рефератах статей, где начало статьи задано жирным шрифтом. Это должно , а не , чтобы передать дополнительную важность. Чтобы придать дополнительную важность, используйте тег .Чтобы подчеркнуть текст, используйте тег .

Синтаксис

Тег записывается как с текстом, который должен быть выделен жирным шрифтом между начальным и конечным тегами.

Нравится:

полужирный текст

Примеры

Наименования продуктов

Ниже приведен пример использования элемента для разметки названий продуктов в обзоре двух продуктов.

iPhone 5s немного уступил Samsung Galaxy S4 во всех наших тестах, однако мы рекомендуем покупать оба.

Артикул Леде

Вот пример использования элемента для разметки первого абзаца статьи.

Статья лиде (или свинца ) обычно используется вместе с заголовком или заголовком. Он предшествует основному тексту статьи и дает читателю основную идею о том, о чем идет речь.

Журналистские ledes подчеркивают необходимость привлечения внимания читателя, в то время как ledes в эссе суммирует наброски аргумента и заключения, которые следуют в основной части эссе.

<Статья>

Ученый утверждает, что наука догматична

Биолог Руперт Шелдрейк утверждает, что современная наука сдерживается системами убеждений ученых, и что многие ученые не знают своих собственных предположений.

В своей книге Science Set Free (известной в Великобритании как The Science Delusion ) Шелдрейк описывает десять догм основной науки. Он утверждает, что самым большим научным заблуждением из всех является то, что наука уже знает ответы. Детали еще нужно проработать, но в принципе фундаментальные вопросы решены.

Шелдрейк указывает, что современная наука основана на утверждении, что вся реальность является материальной или физической.Нет реальности, кроме материальной реальности ...

против против

Помните, что не должны использоваться для передачи дополнительной важности.Чтобы придать дополнительную важность, используйте тег .

Кроме того, не должны использоваться для передачи акцента. Чтобы передать акцент, используйте тег .

Ниже приведены примеры правильного использования каждого из этих тегов.

iMac - это продукт Apple, впервые анонсированный в 1998 году.

Предупреждение : крокодилы сейчас плавают в бассейне.

Верите ли вы , что что-то является правдой, или верите , что это неправда, вы используете убеждение, чтобы сгладить дискомфорт невежества. Том Кэмпбелл

Атрибуты

Атрибуты могут быть добавлены к элементу HTML, чтобы предоставить больше информации о том, как элемент должен выглядеть или вести себя.

Элемент принимает следующие атрибуты.

Атрибут Описание
Нет

глобальных атрибута

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

  • accesskey
  • автокапитализировать
  • класс
  • contenteditable
  • data- *
  • dir
  • Draggable
  • скрыто
  • id
  • режим ввода
  • является
  • Itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • часть
  • слот
  • проверка орфографии
  • style
  • tabindex
  • название
  • перевод

Полное объяснение этих атрибутов см. В разделе Глобальные атрибуты HTML 5.

Обработчики событий

Атрибуты содержимого обработчика событий позволяют вам вызывать скрипт из вашего HTML. Сценарий вызывается, когда происходит определенное «событие». Каждый атрибут содержимого обработчика событий имеет дело с различным событием.

  • онаборт
  • onauxclick
  • onblur
  • oncancel
  • oncanplay
  • на сайте
  • onchange
  • onclick
  • onclose
  • oncontextmenu
  • онкопия
  • oncuechange
  • oncut
  • ondblclick
  • ondrag
  • ondragend
  • ondragenter
  • ondragexit
  • ondragleave
  • ondragover
  • ondragstart
  • ondrop
  • ondurationchange
  • односторонне
  • onended
  • ошибка
  • onfocus
  • onformdata
  • на входе
  • oninvalid
  • onkeydown
  • onkeypress
  • onkeyup
  • onlanguagechange
  • , нагрузка
  • onloadeddata
  • загруженных метаданных
  • onloadstart
  • onmousedown
  • onmouseenter
  • onmouseleave
  • onmousemove
  • onmouseout
  • onmouseover
  • onmouseup
  • , паста
  • onpause
  • onplay
  • на игровом поле
  • onprogress
  • onratechange
  • по умолчанию
  • onresize
  • onscroll
  • по безопасностиполицитриминирование
  • искомых
  • onseeking
  • onselect
  • onslotchange
  • установлено
  • на подачу
  • onsuspend
  • ontimeupdate
  • онтбол
  • onvolumechange
  • в ожидании
  • на колесе

Большинство атрибутов содержимого обработчика событий можно использовать для всех элементов HTML, но некоторые обработчики событий имеют определенные правила относительно того, когда их можно использовать и к каким элементам они применимы.

Подробнее см. В разделе Атрибуты содержимого обработчика событий HTML.

,
HTML форматирование текста

HTML содержит несколько элементов для определения текста со специальным значением.


Пример

Этот текст выделен жирным шрифтом

Этот текст выделен курсивом

Это нижний индекс и верхний индекс

Попробуй сам "

HTML Форматирование элементов

Элементы форматирования были разработаны для отображения специальных типов текста:

  • - полужирный шрифт
  • - важный текст
  • - курсивный текст
  • - выделенный текст
  • <отметка> - помеченный текст
  • <маленький> - меньший текст
  • - удаленный текст
  • - вставленный текст
  • - Подстрочный текст
  • - Надстрочный текст

HTML и элементы

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

Элемент HTML определяет текст с большой важностью. Содержимое внутри обычно отображается жирным шрифтом.



HTML и Elements

Элемент HTML определяет часть текст альтернативным голосом или настроением. Содержимое внутри обычно отображается в наклонный.

Совет: Тег часто используется для обозначения технического термина, фраза из другого языка, мысль, название корабля и т. д.

Элемент HTML определяет выделенный текст. Содержимое внутри обычно отображается курсивом.

Совет: Программа чтения с экрана произнесет слова в с акцентом, используя словесный удар.


HTML Элемент

Элемент HTML определяет меньший текст:


HTML Элемент

Элемент HTML определяет текст которые должны быть отмечены или выделены:


HTML-элемент

Элемент HTML определяет текст это было удалено из документа.Браузеры, как правило, ставят черту через удаленный текст:


HTML элемент

Элемент HTML определяет текст который был вставлен в документ. Браузеры обычно подчеркивают вставленные текст:


HTML элемент

Элемент HTML определяет нижний текст. Подстрочный текст появляется на пол символа ниже обычной строки, и иногда отображается меньшим шрифтом.Подстрочный текст может быть использован для химические формулы, такие как H 2 O:


HTML-элемент

Элемент HTML определяет надстрочный текст. Надстрочный текст появляется на пол символа выше нормального строка, и иногда отображается меньшим шрифтом. Надстрочный текст может быть использован для сносок, таких как WWW [1] :


HTML Упражнения


Элементы форматирования текста HTML

Tag Описание
Определяет жирный текст
Определяет выделенный текст
Определяет часть текста альтернативным голосом или настроением
<маленький> Определяет меньший текст
Определяет важный текст
Определяет подписанный текст
Определяет надстрочный текст
Определяет вставленный текст
Определяет удаленный текст
<отметка> Определяет помеченный / выделенный текст

,

HTML 5 Tag

Тег HTML используется для указания полужирного текста.

Цель этого тега состоит в том, чтобы пометить текст жирным шрифтом, не передавая никакой дополнительной важности. Например, это может быть полезно в аннотациях статей, где начало статьи выделено жирным шрифтом.

В соответствии со спецификацией HTML 5 этот тег следует использовать в качестве крайней меры, если другой тег не является более подходящим. В частности, заголовки должны использовать теги от

до
, для выделения акцента следует использовать тег , важность должна быть обозначена элементом , а текст отмечен или выделен следует использовать тэг .

Вы также можете использовать свойство «font-weight» CSS для установки полужирного текста.

Демо

Атрибуты

HTML-теги могут содержать один или несколько атрибутов. Атрибуты добавляются в тег, чтобы предоставить браузеру больше информации о том, как тег должен выглядеть или вести себя. Атрибуты состоят из имени и значения, разделенных знаком равенства (=), а значение заключено в двойные кавычки. Вот пример, style = "color: black;"

Существует три вида атрибутов, которые вы можете добавить к своим HTML-тегам: атрибуты содержимого, относящиеся к элементам, глобальные и обработчики событий.

Атрибуты, которые вы можете добавить к этому тегу, перечислены ниже.

Элемент-специфичные атрибуты

В следующей таблице приведены атрибуты, характерные для этого тега / элемента.

Атрибут Описание
Нет

Глобальные атрибуты

Следующие атрибуты являются стандартными для всех тегов HTML 5 (хотя атрибут tabindex не применяется к элементам диалога ).

  • accesskey
  • автокапитализировать
  • класс
  • contenteditable
  • data- *
  • dir
  • перетаскиваемый
  • скрыто
  • id
  • режим ввода
  • -
  • itemid
  • itemprop
  • itemref
  • itemscope
  • тип объекта
  • lang
  • часть
  • слот
  • проверка орфографии
  • стиль
  • tabindex
  • название
  • перевод

Полное объяснение этих атрибутов см. В разделе Глобальные атрибуты HTML 5.

Атрибуты содержимого обработчика событий

Атрибуты содержимого обработчика событий позволяют вам вызывать скрипт из вашего HTML. Сценарий вызывается, когда происходит определенное «событие». Каждый атрибут содержимого обработчика событий имеет дело с различным событием.

  • онаборт
  • onauxclick
  • onblur
  • oncancel
  • oncanplay
  • на сайте
  • onchange
  • onclick
  • onclose
  • oncontextmenu
  • онкопия
  • oncuechange
  • oncut
  • ondblclick
  • ondrag
  • ondragend
  • ondragenter
  • ondragexit
  • ondragleave
  • ondragover
  • ondragstart
  • ondrop
  • ondurationchange
  • односторонне
  • onended
  • ошибка
  • onfocus
  • onformdata
  • на входе
  • oninvalid
  • onkeydown
  • onkeypress
  • onkeyup
  • onlanguagechange
  • , нагрузка
  • загруженных данных
  • загруженных метаданных
  • onloadstart
  • onmousedown
  • onmouseenter
  • onmouseleave
  • onmousemove
  • onmouseout
  • onmouseover
  • onmouseup
  • паста
  • onpause
  • onplay
  • onplaying
  • onprogress
  • onratechange
  • на месте
  • onresize
  • onscroll
  • по обеспечению безопасностиполициталяции
  • искомых
  • в поисках
  • onselect
  • onslotchange
  • установлено
  • на подачу
  • onsuspend
  • ontimeupdate
  • пуговица
  • onvolumechange
  • в ожидании
  • на колесе

Полный список обработчиков событий см. В разделе Атрибуты содержимого обработчика событий HTML 5.

,

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

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