В чем отличие элемента <i> от <em>, а также <strong> от <b>?

• <i> (italic) и <b> (bold)** — стилистическое выделение, не несут семантического смысла. Используются для придания тексту определенного внешнего вида (курсив, жирный).
• <em> (emphasis) и <strong> (strong importance)** — семантическое выделение. Указывают на важность или акцент на содержании.
  • <em> — акцент, который может изменить смысл предложения при произнесении.
  • <strong> — важность, указывает на критическую значимость части контента.

Различия лучше всего проявляются в том, как их интерпретируют скринридеры и поисковые системы: