Каква е разликата между таговете <i> и <em>, както и <strong> и <b>?

<i> за курсивно подчертаване без семантично натоварване. <em> за логическо подчертаване на текста, което браузърите обикновено показват курсив.

<b> за удебелено подчертаване без семантично натоварване. <strong> за логическо подчертаване на текста като важен или спешен, което браузърите обикновено показват удебелено.

Ключовата разлика е в семантиката: <em> и <strong> носят смисъл, а <i> и <b> са само визуално оформление. При използване с помощни технологии (като екранни четци), съдържанието на <em> и <strong> може да бъде прочетено с особен интонационен акцент, докато <i> и <b> се възприемат като обикновен текст.

Препоръчва се използването на <em> и <strong> за семантично подчертаване и CSS за стилизиране (font-style: italic;, font-weight: bold;) при необходимост.