HTML szövegformázás (formatting)

A HTML lehetőséget nyújt különböző szövegformázásokra, például félkövér, dőlt, aláhúzott, kiemelt vagy akár áthúzott szövegre. Ezek segítenek kiemelni az információkat az oldalon.

Alapvető formázó elemek

A leggyakoribb formázások közé tartozik a félkövér (<b>), dőlt (<i>), aláhúzott (<u>) és kiemelt (<mark>) szöveg. Ezek a tagek segítenek a fontos információk vizuális kiemelésében.

<b>This text is bold</b>

<i>This text is italic</i>

<u>This text is underlined</u>

<mark>This text is highlighted</mark>

További formázási lehetőségek

A HTML lehetővé teszi a kisebb betűméret (<small>), áthúzott szöveg (<del>), újonnan beszúrt szöveg (<ins>), valamint alsó és felső indexek (<sub> és <sup>) használatát is.

Mikor használjuk ezeket az elemeket?

Formázó elemeket akkor használjunk, ha szeretnénk vizuálisan kiemelni egy fontos részt, például egy hibát, figyelmeztetést vagy hangsúlyos információt. Ügyeljünk arra, hogy a formázás ne menjen a tartalom olvashatóságának rovására.

Tippek szövegformázáshoz

• Ne formázz csak azért, hogy 'szebb' legyen – legyen célja a kiemelésnek.
• Kerüld a túl sok egyszerre alkalmazott formázást – ne legyen minden színes, dőlt és aláhúzott egyszerre.
• Használj <mark> tageket figyelmeztetésekhez vagy kiemelt részekhez.
• Az <del> és <ins> különösen hasznos lehet változások megjelenítéséhez dokumentumokban vagy verziókövetésnél.

Formázás és képernyőolvasók

Ne felejtsük el, hogy a vizuális formázás nem mindig érzékelhető a képernyőolvasók számára. A szöveg jelentését ne csak a kinézet határozza meg – például a <b> tag nem ad jelentést, míg a <strong> igen.

Szemantikus formázás használata

A szemantikus tagek, mint a <strong> vagy <em>, nem csak megjelenésben különböznek, hanem a jelentésük is fontos. Ezeket az elemeket érdemes használni, ha a tartalom valóban hangsúlyos vagy fontos.