Jaký je rozdíl mezi tagy <i> a <em>, a také <strong> a <b>?

<i> pro kurzívní zvýraznění bez sémantické zátěže. <em> pro logické zvýraznění textu, které prohlížeče obvykle zobrazují kurzívou.

<b> pro tučné zvýraznění bez sémantické zátěže. <strong> pro logické zvýraznění textu jako důležité nebo naléhavé, které prohlížeče obvykle zobrazují tučně.

Klíčový rozdíl je v sémantice: <em> a <strong> nesou význam, zatímco <i> a <b> jsou pouze vizuální formátování. Při použití s asistivními technologiemi (například čtečkami obrazovky) může být obsah <em> a <strong> čten s určitým tónem, zatímco <i> a <b> jsou vnímány jako běžný text.

Doporučuje se používat <em> a <strong> pro sémantické zvýraznění a CSS pro stylování (font-style: italic;, font-weight: bold;) podle potřeby.