Html b: 🤷🏽‍♀️ Page not found | MDN Web Docs


23.08.1975 Facebook Twitter LinkedIn Google+ Разное


Содержание

— HTML | MDN

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

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

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

BCD tables only load in the browser

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

| 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> используется для того, чтобы выделить жирным шрифтом фрагмент текста, который мы хотим сделать более заметным для пользователя. Тег <b> только выделяет фрагмент текста, он не имеет смысловой нагрузки (в том числе для поисковых систем). Для того, чтобы отметить важность текста используется тег <strong>․

В HTML5 тег <b> рекомендуется использовать только в крайнем случае, когда нет возможности использовать другие теги.

Синтакис

Для выделения отрезка текста жирным шрифтом, необходимо поместить его между открывающим <b> и закрывающим тегом </b>.

Пример

<!DOCTYPE html>
<html>
   <head>
       <title>Заголовок окна веб-страницы</title> 
   </head>
   <body>
       <p><b>Этот отрезок текста </b> мы выделили жирным шрифтом.
</p> </body> </html>

Результат

Внешний вид содержимого контейнера <b> задается по умолчанию, но жирное начертание текста можно изменить при помощи CSS.

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

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
    <style>
      .bold-text {
      font-weight: 700;
      }
    </style>
  </head>
  <body>
    <p><span>Этот отрезок текста</span> мы выделили жирным шрифтом.</p>
  </body>
</html>

Результат

Атрибуты

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

Как добавить стиль к тегу <b> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <b>:

Цвет текста внутри тега <b>:

Стили форматирования текста для тега <b>:

Другие свойства для тега <b>:

HTML тег b | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 07.03.2009

Тег <b> (bold — жирный) — тег-контейнер, выделение жирным шрифтом.
Строчный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<b>...</b>

Атрибуты

Основные Вспомогательные События

classопределяет имя используемого класса
dirопределяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
idуникальный индетификатор
langопределяет язык отображаемого документа
onclickщелчек на элементе
ondblclickдвойной щелчек на элементе
onkeydownнажатие клавиши, когда элемент имеет фокус
onkeypressнажатие и освобождении клавиши, когда элемент имеет фокус
onkeyupосвобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedownнажатие кнопки мыши, когда элемент имеет фокус
onmousemoveдвижение указателя мыши, когда элемент имеет фокус
onmouseoutсмещение указателя мыши с элемента
onmouseoverпомещение указателя мыши на элемент
onmouseupосвобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
styleзадает встроенную таблицу стилей
titleдобавляет всплывающую подсказку
Пример

код:

А тут будет <b>жирный текст</b>

Рекомендации по использованию
  • закрывающий тег обязателен (</b>)
  • может содержать CDATA и строчные элементы
  • тег <b> по умолчанию выделяет текст жирным
  • обязательных атрибутов нет
  • аналог CSS — font-weight: bold (по возможности используйте CSS, избегайте дополнительных тегов)

Твой код:
<html> <head> <title></title> </head> <body> <p>А тут будет <b>жирный текст</b></p> </body> </html> Сделай код и жми тут

Результат:
большой полигон

Элементы, теги и атрибуты | Основы HTML, CSS и веб-дизайна

Немного формальностей

Мало кто любит терминологию и формальности, но, к счастью, в мире HTML всё довольно просто.

Вкратце:

  1. Страница состоит из элементов.
  2. Элемент — это набор из тегов и содержания.
  3. Теги чаще всего идут парами: открывающий (<tag>) и закрывающий (</tag>). Между ними находится то, что попадает под действие этого тега.
  4. Открывающий тег может содержать дополнительную информацию — атрибуты и значения атрибутов. Атрибуты позволяют «настроить» тег.

В примере из предыдущего урока есть элемент a (anchor — якорь), состоящий из открывающего и закрывающего тегов <a></a>.

<a href="https://ru.hexlet.io">Хекслет</a>

Это ссылка, и у неё есть атрибут href со значением https://ru.hexlet.io. Между открывающим и закрывающим тегами находится содержание — слово «Хекслет». Именно оно становится ссылкой.

А ниже есть картинка. Это пример одиночного тега, элемента, в котором не нужен закрывающий тег. Их ещё называют self-closing element — «самозакрывающиеся элементы».

<img src="https://i.imgur.com/789p0uP.png">

Как видите, мы указали атрибут src (от английского «source» — источник) со значением https://i.imgur.com/789p0uP.png. Это адрес файла изображения.

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

<ol>
  <li>Код. Тайный язык информатики (Чарльз Петцольд)</li>
  <li>Не заставляйте меня думать (Steve Krug)</li>
  <li>Дизайн привычных вещей (Donald Norman)</li>
</ol>

Это — пронумерованный список (ordered list), поэтому тег называется <ol>. А каждая строчка списка — это элемент списка (list item) — <li>.

На странице это будет выглядеть примерно так:


  1. Код. Тайный язык информатики (Чарльз Петцольд)
  2. Не заставляйте меня думать (Steve Krug)
  3. Дизайн привычных вещей (Donald Norman)

А непронумерованный список (unordered list) создаётся с помощью <ul>. Заметьте, что достаточно лишь изменить открывающий и закрывающий тег всего списка, а сами элементы списка изменять не нужно.

<ul>
  <li>Код. Тайный язык информатики (Чарльз Петцольд)</li>
  <li>Не заставляйте меня думать (Steve Krug)</li>
  <li>Дизайн привычных вещей (Donald Norman)</li>
</ul>

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

See the Pen HTML lists with links by Hexlet (@hexlet) on CodePen.


Остались вопросы? Задайте их в разделе «Обсуждение»

Вам ответят команда поддержки Хекслета или другие студенты.

Ошибки, сложный материал, вопросы >
Нашли опечатку или неточность?

Выделите текст, нажмите ctrl + enter и отправьте его нам. В течение нескольких дней мы исправим ошибку или улучшим формулировку.

Что-то не получается или материал кажется сложным?

Загляните в раздел «Обсуждение»:

  • задайте вопрос. Вы быстрее справитесь с трудностями и прокачаете навык постановки правильных вопросов, что пригодится и в учёбе, и в работе программистом;
  • расскажите о своих впечатлениях. Если курс слишком сложный, подробный отзыв поможет нам сделать его лучше;
  • изучите вопросы других учеников и ответы на них. Это база знаний, которой можно и нужно пользоваться.
Об обучении на Хекслете

Учебник HTML и CSS для новичков

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

Языки HTML и CSS предназначены для верстки сайтов (верстка — это размещение элементов сайта по нужным местам). Язык PHP нужен для программирования сайта (с его помощью можно, к примеру, сделать регистрацию пользователей). Язык JavaScript нужен для того, чтобы ‘оживить’ сайт: к примеру, сделать меняющиеся картинки (слайдер).

Язык HTML

Язык HTML — это основа web сайтов, с его помощью создается каркас страницы, которую вы видите в браузере.

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

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

Что такое HTML теги?

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

Теги строятся по такому принципу: уголок <, потом имя тега, а потом уголок >, вот так: <имя тега>. Имя тега может состоять из английских букв и цифр. Примеры тегов: <h2>, <p>, <b>.

Теги обычно пишутся парами — открывающий тег и соответствующий ему закрывающий. Разница между открывающим и закрывающим тегами в том, что в закрывающем теге после уголка < стоит слеш /.

К примеру, <p> — так я открыл тег p, а так — </p> — я его закрыл. Все, что попадает между открывающим и закрывающим тегами, подпадает под воздействие нашего тега.

Бывают теги, которые не нужно закрывать, например, <br> или <img>.

Атрибуты

В тегах также могут размещаться атрибуты — специальные команды, которые расширяют действие тега.

Атрибуты размещаются внутри открывающего тега в таком формате: <тег атрибут1=»значение» атрибут2=»значение»>.

Кавычки могут быть любыми — одинарными или двойными, допустимо их вообще их не ставить, если значение атрибута состоит из одного слова (но это не желательно).

Язык CSS

Язык CSS расширяет возможности языка HTML. Он позволяет менять цвета, шрифты, фон, в общем заниматься красотой сайта. А HTML, соответственно, отвечает за структуру сайта.

Итак, приступим

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

Объявление языка в HTML

Указание метаданных о языке аудитории

Если вы хотите создать метаданные, описывающие скорее язык целевой аудитории страницы, чем язык определенной части текста, реализуйте это с помощью отправки сервером информации в HTTP заголовке Content-Language. Если ваша целевая аудитория говорит более, чем на одном языке, HTTP заголовок позволяет вам использовать список языков, разделённых запятыми.

Это пример HTTP заголовка, объявляющего ресурс смесью английского, хинди панджаби языков:

Content-Language: en, hi, pa

Обратите внимание, что этот подход не сработает, если страница загружается с жесткого диска, CD или другого источника, не являющегося сервером. В настоящее время нет широко распространенного способа использования таких метаданных внутри страницы.

В прошлом многие люди использовали meta элемент с атрибутом http-equiv со значением Content-Language. Из-за давних путаниц и непоследовательных реализаций этого элемента HTML5 спецификация сделала его несоответствующим стандартам HTML, так что вам больше не следует использовать этот элемент.

Для обратной совместимости, HTML5 описывает алгоритм, с помощью которого язык контента может быть определён из HTTP или meta Content-Language информации при определённых условиях. Как бы то ни было, это только запасной механизм для случаев, когда языковой атрибут отсутствует у html тэга. Если вы используете атрибут языка для html, что следует делать всегда, подобные запасные пути бесполезны.

Для подробной информации о Content-Language в HTTP и meta элементах читайте HTTP и meta для информации о языке.

Различные вещи, которые не относятся к делу

Вероятно, стоит упомянуть ещё несколько моментов, которые не имеют отношения к этой дискуссии.

Первое, невозможно объявить язык с помощью CSS.

Второе, DOCTYPE, с которого должен начинаться любой HTML может содержать то, что выглядит для некоторых людей, как объявления языка. DOCTYPE в примере ниже содержит текст EN, что означает ‘English’. Это, тем не менее, указывает на язык schema (схемы), связанной с данным документом – это никоим образом не указывает на непосредственно язык самого документа.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Третье, иногда люди предполагают, что информация о естественном языке может быть получена из кодировки символов. Тем не менее, кодировка символов не позволяет однозначно идентифицировать естественный язык. Должно быть взаимно однозначное сопоставление между кодировкой и языком, чтобы это сработало, а его нет. Одна кодировка может быть использована многими языками, например Latin 1 (ISO-8859-1) используется и французским, и английским, а ещё многими другими языками. В дополнение, кодировка может отличаться в рамках одного языка, например арабский может использовать ‘Windows-1256’ или ‘ISO-8859-6’ или ‘UTF-8’.

Все эти примеры кодировок спорны, так как весь контент сегодня должен быть создан в UTF-8, который охватывает все, кроме самых редких, языки.

В некоторых текстах, таких, как арабский и иврит, отображаемый текст читается в основном справа налево, хотя числа и иностранные термины отображаются слева направо. Необходима разметка, такая, как dir атрибут, для объявления right-to-left содержания. И в некоторых случаях разметка необходима для правильного отображения двунаправленного текста, но это невозможно сделать с помощью разметки языка.

То же самое относится к направлению текста. Как и в случае с кодировками, не всегда существует соответствие между языком и текстом, в том числе его направлением. Например, азербайджанский может быть записан справа налево (арабская письменность) и слева направо (латиница и кириллица), соответственно код языка az может относится к обоим вариантам. Дополнительно, разметка направления текста применяет к тексту целый ряд различных значений, в то время, как язык является простым переключателем, который не соответствует поставленным задачам.

HTML-тег b


Пример

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

Это обычный текст — а это полужирный текст.

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

Дополнительные примеры «Попробуйте сами» ниже.


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

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


Советы и примечания

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

до

выделенный текст должен обозначаться с помощью Тег
, важный текст должен быть обозначен с тегом , а отмеченный/выделенный текст должен обозначаться с помощью тег <знак>.

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


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

Элемент
Да Да Да Да Да

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

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


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

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



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

Пример

Используйте CSS, чтобы сделать текст жирным:

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

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

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

Учебник по HTML: Форматирование текста HTML

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


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

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


: Элемент привлечения внимания — HTML: язык разметки гипертекста

HTML-элемент используется для привлечения внимания читателя к содержимому элемента, которому иначе не придается особого значения.Ранее он был известен как элемент Boldface, и большинство браузеров до сих пор рисуют текст жирным шрифтом. Однако не следует использовать для стилизации текста; вместо этого следует использовать свойство CSS font-weight для создания полужирного текста или элемент , чтобы указать, что текст имеет особое значение.

  • Используйте для таких случаев, как ключевые слова в сводке, названия продуктов в обзоре или другие фрагменты текста, которые обычно выделяются жирным шрифтом (но не включают какую-либо особую важность).
  • Не путайте элемент с элементами , или . Элемент представляет текст определенной важности , выделяет текст, а элемент представляет текст определенной значимости . Элемент не передает такой специальной семантической информации; используйте его только тогда, когда другие не подходят.
  • Аналогичным образом не следует отмечать заголовки и заголовки с помощью элемента . Для этого используйте теги от

    до
    . Кроме того, таблицы стилей могут изменять стиль этих элементов по умолчанию, в результате чего они не обязательно отображаются полужирным шрифтом.
  • Рекомендуется использовать атрибут класса в элементе для передачи дополнительной семантической информации по мере необходимости (например, для первого предложения в абзаце). Это упрощает управление несколькими вариантами использования , если ваши стилистические потребности меняются, без необходимости изменять все его варианты использования в HTML.
  • Исторически элемент предназначался для выделения текста жирным шрифтом. Информация о стиле устарела, начиная с HTML4, поэтому значение элемента было изменено.
  • Если для использования элемента нет семантической цели, вместо этого следует использовать свойство CSS font-weight со значением "bold" , чтобы сделать текст полужирным.
  <р>
  В этой статье описываются несколько элементов текстового уровня.
  Это объясняет их использование в документе HTML.

Ключевые слова отображаются в стиле элемента по умолчанию, вероятно, выделенном полужирным шрифтом.

Результат

Таблицы BCD загружаются только в браузере. cite> , , , , , , , 9015 , , , , , , , 1, ,
, .

  • Использование элементов и (W3C)
  • Тег HTML

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

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

    Синтаксис

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

    Вот так:

    жирный текст

    Примеры

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

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

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

    Артикул Lede

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

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

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

    <статья>

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

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

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

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

    vs vs

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

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

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

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

    Внимание. В бассейне сейчас плавают крокодилы.

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

    Атрибуты

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

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

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

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

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

    • ключ доступа
    • автокапитализировать
    • класс
    • редактируемый контент
    • данные-*
    • директор
    • перетаскиваемый
    • скрытый
    • идентификатор
    • режим ввода
    • это
    • ИД товара
    • элементпроп
    • Артикул
    • предметная область
    • тип изделия
    • язык
    • часть
    • гнездо
    • проверка правописания
    • стиль
    • tabindex
    • Название
    • перевести

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

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

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

    • прерывание
    • onauxclick
    • размытие
    • при отмене
    • онканплей
    • oncanplaythrough
    • на замену
    • по клику
    • при закрытии
    • в контекстном меню
    • онкопия
    • при обмене
    • нарезной
    • ondblclick
    • на драге
    • ондрагенд
    • Драгентер
    • ондрагзит
    • на кожухе
    • ондраговер
    • ондрагстарт
    • ондроп
    • ondurationchange
    • в пустом виде
    • односторонний
    • при ошибке
    • онфокус
    • данные формы
    • на входе
    • oninvalid
    • нажатие клавиши
    • нажатие клавиши
    • onkeyup
    • onlanguagechange
    • под нагрузкой
    • загруженные данные
    • загруженные метаданные
    • при запуске
    • по нажатию мыши
    • для ввода с мыши
    • на коврике для мыши
    • onmousemove
    • onmouseout
    • при наведении мыши
    • для мышивверх
    • паста
    • при паузе
    • в игре
    • в игре
    • в процессе
    • при изменении скорости
    • при сбросе
    • при изменении размера
    • при прокрутке
    • нарушение политики безопасности
    • поиск
    • поиск
    • по выбору
    • при смене слота
    • установлен
    • при отправке
    • на подвесе
    • своевременное обновление
    • нагрудник
    • при изменении объема
    • в ожидании
    • на колесе

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

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

    HTML: тег


    В этом руководстве по HTML объясняется, как использовать элемент HTML, называемый тегом , с синтаксисом и примерами.

    Описание

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

    СОВЕТ: Тег HTML не следует путать с тегом , который выделяет текст.

    Синтаксис

    В HTML синтаксис тега :

      <тело>
    

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

    Пример вывода

    
     

    Атрибуты

    К тегу применяются только глобальные атрибуты. Нет атрибутов, специфичных для тега .

    Примечание

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

    Совместимость с браузером

    Тег имеет базовую поддержку в следующих браузерах:

    • Хром
    • Андроид
    • Firefox (Геккон)
    • Firefox Mobile (Геккон)
    • Internet Explorer (IE)
    • Пограничный мобильный телефон
    • Опера
    • Опера Мобайл
    • Сафари (веб-кит)
    • Мобильный сафари

    Пример

    Мы обсудим тег ниже, изучая примеры использования тега в HTML5, HTML 4.01 Переходный, XHTML 1.0 Переходный, XHTML 1.0 Строгий и XHTML 1.1.

    Документ HTML5

    Если вы создали новую веб-страницу в HTML5, ваш тег может выглядеть следующим образом:

      
    
    
    <голова>
    <мета-кодировка="UTF-8">
    Пример HTML5 от www.<img class="lazy lazy-hidden" src="//winx-fan.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/pbs.twimg.com/media/EI5Ai1RU4AE-DD_.png' /><noscript><img src='/800/600/https/pbs.twimg.com/media/EI5Ai1RU4AE-DD_.png' /></noscript> techonthenet.com
    
    
    <тело>
     

    Заголовок 1

    Мы хотим выделить этот текст жирным шрифтом.

    В этом примере документа HTML5 мы создали тег , заключающий в себе текст «этот текст», который будет отображаться полужирным шрифтом.

    Переходный документ HTML 4.01

    Если вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег может выглядеть следующим образом:

      
    
    
    <голова>
    
    Переходный пример HTML 4.01 от www.techonthenet.com
    
    
    <тело>
     

    Заголовок 1

    Мы хотим выделить жирным этот текст.

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

    Переходный документ XHTML 1.0

    Если вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег может выглядеть следующим образом:

      
    
    
    <голова>
    
    Переходный пример XHMTL 1.0 от www.techonthenet.com
    
    
    <тело>
     

    Заголовок 1

    Мы хотим выделить этот текст жирным шрифтом.

    В этом примере переходного документа XHTML 1.0 мы создали тег , заключающий в себе текст «этот текст», который будет отображаться полужирным шрифтом.

    Строгий документ XHTML 1.0

    Если вы создали новую веб-страницу в XHTML 1.0 Strict, ваш тег может выглядеть так:

       w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    
    <голова>
    
    Строгий пример XHTML 1.0 от www.techonthenet.com
    
    
    <тело>
     

    Заголовок 1

    Мы хотим выделить жирным этот текст.

    В этом примере XHTML 1.0 Strict Document мы создали тег , заключающий в себе текст «этот текст», который будет отображаться полужирным шрифтом.

    Документ XHTML 1.1

    Если вы создали новую веб-страницу в XHTML 1.1, ваш тег может выглядеть так:

      
    
    
    <голова>
    
    <название>XHTML 1.1 Пример с сайта www.techonthenet.com
    
    
    <тело>
     

    Заголовок 1

    Мы хотим выделить этот текст жирным шрифтом.

    В этом примере документа XHTML 1.1 мы создали тег , заключающий в себе текст «этот текст», который будет отображаться полужирным шрифтом.

    Тег HTML b - Изучите HTML

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

    В HTML 5 рекомендуется использовать тег только в крайнем случае, когда невозможно использовать другие теги.

    Избегайте использования тега для названий и заголовков. Вместо этого вы можете использовать теги

    -

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

    Тег идет парами. Содержимое записывается между открывающим () и закрывающим () тегами.

    Пример тега HTML

    :
      
    
      <голова>
        Название документа 
      
      <тело>
        

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

    Результат

    Внешний вид содержимого контейнера определен по умолчанию, но выделение полужирным шрифтом можно изменить с помощью CSS.

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

    Пример свойства font-weight для выделения текста жирным шрифтом:

      
    
      <голова>
        Название документа 
        <стиль>
          .жирный текст {
            вес шрифта: 700;
          }
        
      
      <тело>
        <р>
          Этот раздел текста 
          выделен жирным шрифтом.

    Элементы и отображают текст полужирным шрифтом. Разница между ними в том, что тег обозначает текст определенной важности, а тег содержит любую информацию о тексте. Однако лучше избегать тега . Вместо этого вы можете использовать «полужирное» значение свойства CSS font-weight.

    Тег поддерживает глобальные атрибуты и атрибуты событий.

    Как оформить тег

    ?

    Общие свойства для изменения визуального веса/выделения/размера текста в теге

    :
    • Свойство CSS font-style устанавливает стиль шрифта. нормальный | курсив | наклонный | начальная | наследовать.
    • Свойство CSS font-family задает приоритетный список из одного или нескольких имен семейств шрифтов и/или общих имен семейств для выбранного элемента.
    • Свойство CSS font-size устанавливает размер шрифта.
    • Свойство CSS font-weight определяет, должен ли шрифт быть полужирным или толстым.
    • Свойство CSS text-transform управляет регистром и регистром текста.
    • Свойство CSS text-decoration определяет украшение, добавляемое к тексту, и является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

    Цветной текст в теге

    :
    • Свойство CSS color описывает цвет текстового содержимого и оформления текста.
    • Свойство CSS background-color устанавливает цвет фона элемента.

    Стили макета текста для тега

    :
    • Свойство CSS text-indent определяет отступ первой строки в текстовом блоке.
    • Свойство CSS text-overflow указывает, как пользователь должен сигнализировать о переполненном содержимом, которое не отображается.
    • Свойство CSS white-space указывает, как обрабатывается пробел внутри элемента.
    • Свойство CSS word-break указывает, где строки должны быть разорваны.

    Другие свойства, на которые стоит обратить внимание для тега

    :

    HTML Bold Text Tutorial — Как использовать тег b

    В этой статье мы узнаем, как использовать тег и чем он отличается от тега .

    Что такое тег

    (жирный) в HTML?

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

      

    Это пример выделения жирным шрифтом.

    В соответствии с HTML Living Standard тег можно использовать со следующими примерами:

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

    Вот пример использования

    в названии продукта в обзоре
      

    Наушники Sennheiser IE 300 хорошо сидят в ушах и издают невероятный звук.

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

    Это было бы неправильным использованием тега .

      

    ВНИМАНИЕ!! Это опасное место.

    Подходящим тегом для этой ситуации будет тег , поскольку он передает ощущение серьезности.

    Различия между тегом

    и тегом в HTML

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

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

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

      

    Список дел на понедельник:

    <ул>
  • Оплатить аренду.

  • Начать курсовую работу.

  • Сходить за продуктами.

  • Другое ключевое отличие заключается в том, что теги не следует использовать в заголовках и подписях, тогда как теги могут.

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

       

    Глава 5:

    Битва

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

    Если у вас есть серия  предложений, вы можете добавить такой класс к первому тегу

    , и это пометит его как ведущее предложение.

      <артикул>
         

    Мальчик воссоединяется с биологической матерью

    Шестилетний мальчик неожиданно встречает свою настоящую мать в местном продуктовом магазине.

    Мальчик и его дедушка делали покупки в продуктовом магазине, когда сзади к ним подошла молодая женщина.

    [...]

    Следует ли использовать тег

    для стилизации текста в HTML?

    В HTML 5 недопустимо использовать тег для оформления текста.Предпочтительным методом стилизации является использование свойства CSS font-weight .

    Пример использования ключевого слова полужирный

      

    Я использую CSS, чтобы сделать текст жирным.

      .demo-пара {
      вес шрифта: полужирный;
    }  

    Пример использования числовых значений

      .demo-para {
      вес шрифта: 700;
    }  

    Заключение

    Хотя теги и теги могут выглядеть одинаково в браузере, они имеют разное значение. Важно знать разницу между ними, чтобы использовать их надлежащим образом. Теги

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

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

    Использование тегов b и i

    Какие проблемы?

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

    Общий вопрос. Использование тегов b и i может быть проблематичным, поскольку они заставляют авторов думать в терминах представления, а не помогают им перейти к правильной семантической разметке. По крайней мере, это размывает мысли. У спешащего автора возникает соблазн просто использовать один из этих тегов в тексте, чтобы он выглядел по-другому, вместо того, чтобы остановиться и подумать о таких вещах, как переносимость и перспектива.

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

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

    Японский локализатор, безусловно, может применять разные стили к элементам b и i , изменяя таблицу стилей CSS.Тем не менее, японец может обнаружить, что контент лучше воспринимается, если он использует вакитен (отметки ботэн) для выделения, угловые скобки для «названий документов» и двойные угловые скобки для «идиом иностранного языка». Это распространенные японские типографские подходы, которые не используются в английском языке.

    Проблема в том, что если английский автор везде использовал теги i (думая о презентационном отображении, которое он/она хочет на английском языке), японский локализатор не сможет легко применить разные стили к разным типам текста .

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

    Конечно, автор мог бы также использовать элементы span вместо i или b .Разница будет заключаться в том, что при отсутствии правил стиля не будет возврата к курсиву или полужирному выделению.

    Одноязычный уголок. Конечно, со временем это в равной степени относится и к одноязычным страницам. Предположим, вы хотите изменить свои новые корпоративные правила публикации, потому что считаете, что имена документов выглядят лучше, если они выделены жирным шрифтом, а не курсивом. С семантически размеченным HTML вы можете легко изменить стиль только имен документов на всем сайте с помощью одного крошечного изменения в CSS.Однако если бы вы использовали i , не различая различную семантику, вам пришлось бы искать на каждой странице соответствующие теги i и менять их по отдельности, чтобы вы не применяли одно и то же изменение стиля для выделения и выделения. иностранные слова тоже.

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

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

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

    В воздухе чувствуется je ne sais quoi.

    .

    Рекомендуемое использование

    Спецификация HTML5 содержит следующие рекомендации относительно использования элемента i (добавлено выделение):

    Авторы могут использовать атрибут класса на элементе i , чтобы определить, почему этот элемент используется, так что, если стиль конкретного использования (например, последовательности сновидений в отличие от таксономических терминов) должен быть изменен позднее, автору не нужно было просмотреть весь документ (или ряд связанных документов), аннотируя каждое использование.

    Авторам рекомендуется рассмотреть вопрос о том, могут ли быть более применимы другие элементы чем элемент i , например, элемент em для выделения ударения или элемент dfn для обозначения определяющего экземпляра термина.

    Аналогичная формулировка появляется в описании элемента b , включая предложение: Элемент b следует использовать в крайнем случае, когда никакой другой элемент не подходит больше.

    В спецификации HTML5 4.5 Семантика на уровне текста перечислены другие элементы, которые можно использовать для семантического описания встроенного текста, такие как dfn , cite , var , samp , 1bd


    , и т.
    Comments