Aký je rozdiel medzi tagmi <i> a <em>, ako aj <strong> a <b>?

<i> za kurzívne zvýraznenie bez zmyslovej záťaže. <em> pre logické zvýraznenie textu, ktoré prehliadače zvyčajne zobrazujú kurzívou.

<b> pre tučné zvýraznenie bez zmyslovej záťaže. <strong> pre logické zvýraznenie textu ako dôležité alebo naliehavé, ktoré prehliadače zvyčajne zobrazujú tučne.

Kľúčový rozdiel je v semantike: <em> a <strong> nesú zmysel, zatiaľ čo <i> a <b> sú len vizuálne formátovanie. Pri použití s pomocnými technológiami (napríklad čítačmi obrazovky) môže byť obsah <em> a <strong> čítaný s osobitým tónom, zatiaľ čo <i> a <b> sú vnímané ako obyčajný text.

Odporúča sa používať <em> a <strong> na semantické zvýraznenie a CSS na štýlovanie (font-style: italic;, font-weight: bold;) podľa potreby.