Какие теги кошернее: em или i, strong или b?

Question

[StrangeAttractor]

Существуют HTML-теги, предназначенные (вроде как) для одного и того же и рендерящиеся одинаково. Например пары em и i, strong и b.

Какие теги форматирования «правильнее» применять (там где уместно форматирование тегами — например при оформлении топиков/комментов здесь же на Хабре, на StackOverflow, и т.п.)?

Сам я склоняюсь к em/strong т.к. они более, так сказать, семантичны. С другой стороны, i/b вроде как лаконичнее.

Answer 1

[apangin]

В W3C спецификации теги EM и STRONG вынесены в раздел Структурированный текст -> Элементы фраз.
    EM: Indicates emphasis.
    STRONG: Indicates stronger emphasis.
Внешний вид, как будут отображаться элементы фраз, определяется браузером. Эти теги могут учитываться, например, Text-to-Speech движками для изменения интонации или громкости голоса.

В то же время B и I относятся к разделу Форматирование -> Шрифты и дают явное указание браузеру, каким шрифтом отрисовывать фрагмент.
    I: Renders as italic text style.
    B: Renders as bold text style.

Answer 2

[Павел Слюсарь]

i/b — только визуальное оформление, не несут смысловой нагрузки, вроде как.

Comments

[StrangeAttractor]

Я это понимаю и написал об этом в тексте вопроса. Но что из этого следует? По-этому их нужно закопать? Или нет? Как-то не приходят в голову ситуации где при оформлении текста сообщения (при оформлении сайта бы использовались CSS) выделение жирным/курсивом имело бы смысл само по себе без смысловой нагрузки.

[Павел Слюсарь]

Я использую b/i только для верстки, чтобы много кода не городить.
B — рисует текст жирным, I — наклонным. EM — цитата, STRONG — слово, на которое следует обратить внимание (некоторые любят писать такие слова ЗАГЛАВНЫМИ буквами).
Цитата и наклонный текст по смыслу совсем не одно и то же. То же и с жирным. Что вам надо — то и выбирайте.

[xsash]

при оформлении сайта/шкурки использовать i/b (хотя иногда проще через css)
при оформлении статьи — em/strong

[Павел Слюсарь]

Ну и вот информация на авторитетном сайте htmlbook.ru/html/strong

[StrangeAttractor]

«em» = «emphasis». По смыслу это ни разу не цитата. Открываем словарь (lingvo.com), читаем: лингв. эмфаза, акцент, ударение, фразовое выделение, полигр. выделительный шрифт (курсив, разрядка).

[Павел Слюсарь]

Неважно как это переводится. Все чаще используется как цитата

[Павло Пономаренко]

для цитат есть <q> и <blockquote>

[my_own_parasite]

em — это не цитата. смысл в использовании em и strong как раз в том, что кто-то любит печатать такими слова жирными, а кто-то ЗАГЛАВНЫМИ. css даёт возможность выбирать в том числе и пользователю, через пользовательские stylesheet.

i и b я бы давал возможность писать юзерам в комментах на сайте. верстать свой контент нужно только при помощи em и strong.

Answer 3

[Mercury13]

В html5 примерно одинаково. Тэги и переопределили так, что — малозаметное выделение, — сильное выделение.

Comments

[Mercury13]

Ёлки зелёные! Тэги <i> и <b> переопределили так, что <i> — малозаметное выделение, <b> — сильное выделение.

Answer 4

[Олег Торбасов]

EM предназначен для интонационного ударения. В английской традиции такие места выделяются курсивом. В русском языке так делать не принято, а интонационное ударение выделяется контекстом, построением предложения. Следовательно, для вёрстки русских текстов этот тег неуместен.

STRONG предназначен для смыслового выделения. А всё остальное (из перечисленного), по-моему, от лукавого.

В HTML 4 эта разница, как мне кажется, подразумевается, но выражена криво. Зато в HTML 5 очень чётко: stress emphasis (оцените примеры!) и strong importance.

Comments

[Novikov]

Вот беда, столько русских и советских книг содержат неуместный курсив.

[Олег Торбасов]

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

strong{font-weight: normal; font-style: italic;}

Answer 5

[denisyukphp]

Я использую i/b в элементах вёрстки, а em/strong употребляю при публикации постов.

Answer 6

[Владимир Чернышев]

i и b использую для дизайнерских решений, когда использование только CSS нецелесообразно (например, навигация, подписи к картинкам и т. п. — зачем выделять в span, которому присваивать bold, если можно выделить в b?), а strong и em в основном контенте страниц для выделения части фразы/абзаца/…

Answer 7

[xalexx]

Была неплохая статья по теме.

Answer 8

[I.CaR Soft]

Однопупственно теперь.