В чем разница между <b>и <strong>, <i>и <em>?

Question

В чем разница между <b> и <strong>, <i> и <em> в HTML / XHTML? Когда вы должны использовать каждый?

Answer 1

Используйте их только в том случае, если использование классов стилей CSS по какой-либо причине неудобно или невозможно (например, системы блогов, разрешают использовать только некоторые теги в сообщениях и в конечном итоге встроенные стили). Другая причина - поддержка очень старых браузеров (некоторые мобильные устройства?) Или примитивных поисковых систем (которые дают баллы за теги <b> или <strong> вместо анализа стилей CSS).

Если вы можете определить стили CSS, используйте их.

Answer 2

i, b, em и сильные теги традиционно являются репрезентативными. Но им было дано новое семантическое значение в html5 .

i и b использовались для стиля шрифта в html4. i использовался для курсива, а b для жирного. В html5. Тег i имеет новое семантическое значение ' альтернативный голос или настроение ', а тег b имеет значение стилистически смещено .

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

<p><i>I hope this works</i>, he thought.</p>

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

Следующий пример абзаца стилистически смещен от следующих за ним абзацев.

<p><b class="lead">The event takes place this upcoming Saturday, and over 3,000 people have already registered.</b></p>

em и strong имели значение акцента и сильного акцента в html4. Но в html5 em означает подчеркнутый акцент и сильный означает важное значение .

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

<p>Make sure to sign up <em>before</em> the day of the event, September 16, 2016</p>

В том же примере мы можем использовать тег strong следующим образом.

<p>Make sure to sign up <em>before</em> the day of the event, <strong>September 16, 2016</strong></p>

, чтобы придать значение дате события.

MDN Ссылка:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong

Answer 3

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

"Извлекает все книг о лакросс ."

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

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

Answer 4

<b> и <i> следует избегать, поскольку они описывают стиль текста. Вместо этого используйте <strong> и <em>, потому что это описывает семантику (значение) текста.

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

Answer 5

"Они имеют одинаковый эффект. Однако XHTML, более чистая, новая версия HTML, рекомендует использовать тег <strong>. Сильный лучше, потому что его легче читать - его значение яснее. Кроме того, <strong> передает значение - показывает текст строго - в то время как <b> (для полужирного) передает метод - выделение текста. С сильным, ваш код все еще имеет смысл, если вы используете таблицы стилей CSS, чтобы изменить какие методы сделать текст сильным есть.

То же самое касается разницы между <i> и <em> ".

Google dixit:

http://wiki.answers.com/Q/What_is_the_difference_between_HTML_tags_b_and_strong

Answer 6

b или i означает, что вы хотите, чтобы текст отображался жирным шрифтом или курсивом. strong или em означает, что вы хотите, чтобы текст отображался таким образом, чтобы пользователь воспринимал его как «важный». По умолчанию жирный шрифт отображается рельефно, а курсив - тем не менее, но некоторые другие культуры могут использовать другое отображение.

Как и строки в программе, b и i будут "жестко закодированы", тогда как strong и em будут "локализованы" ».

Answer 7

<strong> и <em> абстрактны (это то, что люди имеют в виду, когда говорят, что это семантика). <b> и <i> - это конкретные способы сделать что-то "сильным" или "подчеркнутым"

<strong>: <b> :: автомобиль :: джип

Answer 8

Мы используем тег <strong> для текста, который имеет высокий приоритет для целей SEO, таких как название продукта, название компании и т. Д., В то время как <b> simple делает его жирным.

Аналогично, мы используем <em> для текста, который имеет высокий приоритет для SEO, а <i>, чтобы сделать текст просто курсивом.

Answer 9

Вам следует избегать <b> и <i>. Они были введены для «разметки» страницы (например, удаленного тега font), и разметка - это не то, что должно быть сделано в HTML, это должно быть сделано в CSS (HTM == Structure, CSS == Layout). Эти теги могут также исчезнуть в будущем, в конце концов, вы можете просто использовать CSS и span теги, чтобы сделать текст жирным шрифтом / курсивом.

<em> и <strong>, с другой стороны, говорят только о том, что что-то "подчеркнуто" или "сильно подчеркнуто", это оставляет его полностью открытым для брата, как это сделать. Большинство браузеров отображают курсив и полужирный шрифт, но они не обязаны это делать (они могут использовать разные цвета, размеры шрифтов, шрифты и т. Д.). Вы можете использовать CSS, чтобы изменить поведение так, как вы хотите. Вы можете сделать их жирным шрифтом, если хотите, и сильным жирным шрифтом и красным, например.