Le HTML est de la sémantique. <b> et <i> s'appellent ainsi parce qu'ils signifient "bold" et "italic", ce qui est du style.
Leurs remplaçants sont sémantiques : <strong> signale un élément important à mettre en avant, <em> est un élément à souligner (au sens figuré).
Le fait qu'ils soient respectivement gras et italique est un style par défaut qui peut être modifié : <strong> ne signifie pas "mettre en gras", en tout cas il ne doit pas être utilisé dans ce sens (sinon on finit avec des absurdités comme <h5><strong>bonjour</strong>>/h5>).
L'importance du respect de la sémantique est très important pour les appareils de lecture de code, comme l'aide aux déficients visuels, qui nécessite un code HTML solide dans son descriptif. C'est ce genre d'usage qui peut résumer, à lui seul, l'intérêt de séparer HTML et CSS.