Когда лучше всего использовать <b>и <i>вместо <strong>и <em>, если вообще когда-либо?

Question

Семантически говоря, есть ли подходящее место на современных веб-сайтах (конец 2008+), где использование жирных тегов <b> и курсива <i> более полезно, чем более широко используемые теги <strong> и <em>? 1005 *

Answer 1

Никогда. Они удалены в XHTML 2.0, поскольку они являются тегами представления. CSS должен использоваться, чтобы выделять жирным шрифтом / курсивом контент.

edit: Если вы ищете чисто презентационный тег, для этого нужен тег SPAN с классом и небольшим CSS.

Answer 2

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

Я бы использовал b или i, когда вы собираетесь использовать только презентацию, а то, что вы размечаете, не имеет смыслового значения. Например, такой логотип, как stackoverflow, может быть помечен stack<b>overflow</b>. Часть «переполнения» не имеет семантического значения над «стеком», но stack<span class="overflow-logo">overflow</span> тоже ничего не предлагает.

Надеюсь, это поможет.

---

Не уверен, как комментировать (редактировать: нужна моя карма!), Но это в ответ на комментарий Эрика.

Пожалуйста, прочитайте рабочий проект HTML5 . Это дает хорошее объяснение того, когда использовать b.

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

«переполнение» не имеет акцента над «стопкой» в логотипе, поэтому перенос «переполнение» с помощью em семантически некорректен.

Answer 3

В соответствии с HTML 5 спецификацией , <b> и <i> должны использоваться , когда это уместно .

На i :

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

На б :

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

Вообще говоря, «когда это уместно» считается последним средством, когда все другие семантические варианты были исчерпаны. «Презентационные», хотя они могут быть, конечно, было бы плохой услугой для их семантических кузенов <em> и <strong>, чтобы считать их всегда курсивом или жирным шрифтом, соответственно.

Answer 4

Вкл. http://www.webmasterworld.com/forum21/7095-1-15.htm есть хороший комментарий:

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

Я думаю, что эта проблема действительно ежу понятно. Если я устанавливаю жирным шрифтом или курсивный шрифт для целей типографики только тогда я использую <b> и <i>. Если есть слово или фраза, которую я хочу подчеркнуть, как я бы сказал, тогда - и только тогда - я использую <strong> или <em>. "

Answer 5

Для разметки, созданной редактором WYSIWYG.

Answer 6

Прошло несколько лет…

В HTML5 (Рекомендация W3C) , ни один из этих четырех элементов не устарел / не устарел.

(Нормативный!) Сводка использования перечисляет их цели:

• strong: важность

• b: ключевые слова

• em: ударение на ударение

• i: альтернативный голос

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

Примеры * * тысяча сорок-семь Элемент b может использоваться для ключевых слов в тексте , где другие три элемента не подходят: такие ключевые слова не выделены (em) и не смещены (i), и нет необходимости отличать их от шаблонного и т. Д. (strong). Элемент i может использоваться для научных названий на латыни , где strong и em не подходят. Хотя b представляется уместным, его определение явно исключает случаи, обработанные i. Конечно, могут быть случаи, когда вы используете несколько из этих элементов. Например, научное название также может быть ключевым словом в документе (<b><i>…</i></b>).

Answer 7

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

Подобные вещи можно сделать с помощью css для тега , и многие считают этот метод предпочтительным, но он не поддается объяснению со спецификацией.

Answer 8

Есть технические правила, но вот два моих практических правила:

1) Если вы пишете что-то, где, если говорить, вы бы подчеркнули слово, и являются подходящими. (Например, «Вы должны быть sh * tting мной, Пайл!»)

2) Если вы выделяете слово по технической причине, но не подчеркиваете слово в разговорной речи, и подходят. (Например, «Он сел на RMS Титаник и отплыл, чтобы его больше никогда не видели».) Не оставляйте другие теги, например, !

Answer 9

Можно утверждать, что тег <i> все еще используется: при выражении научного названия (латинского названия) вида. Научное название вида обычно обозначается курсивом. Пример . Семантически неправильно использовать <em> в этой ситуации, потому что человек не пытается подчеркнуть имя, а просто различает его визуально. Может быть более уместно использовать что-то вроде <span class="sci-name">, но если учесть, что большинство научных названий состоят из слов курсивных языков , в основном латинского, тег <i> становится довольно семантически богатым и удобное решение.

Answer 10

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