Aby uzyskać akapit, w którym słowo „zaznaczony” jest wyróżnione znacznikiem <mark>, a słowo „istotny” oznaczone jako ważne <em> - z poprawnym otwarciem i zamknięciem znaczników - należy zastosować kod:
Dobrze. Każdy znacznik jest poprawnie otwarty i zamknięty we właściwym miejscu:
<mark> obejmuje tylko „zaznaczony”, a <em> tylko „istotny”.Źle. Znacznik
<em> nie został zamknięty (brak </em>) przed końcem akapitu.Źle.
<mark> obejmuje za dużo (cały tekst), a użyto <i> zamiast semantycznego <em>.Źle.
<mark> rozciąga się na cały tekst, zamiast wyróżnić tylko słowo „zaznaczony”.Poprawny kod to
<p>Tekst może być <mark>zaznaczony</mark> albo <em>istotny</em> dla autora</p>Każdy znacznik obejmuje dokładnie to słowo, którego dotyczy:
<mark> wyróżnia „zaznaczony”, a <em> oznacza „istotny” jako ważny - i oba są zamknięte. Znaczniki nie zachodzą też na siebie nieprawidłowo. Dlatego ta wersja jest poprawna.Pozostałe wersje mają błędy w budowie znaczników. W dwóch z nich
<mark> obejmuje cały fragment „zaznaczony albo ... dla autora”, zamiast wyróżnić tylko słowo „zaznaczony” - a w jednej dodatkowo użyto <i> (czysto wizualna kursywa) zamiast semantycznego <em>. W kolejnej znacznik <em> nie został zamknięty (brak </em>) przed końcem akapitu, co jest błędem składni. Tylko wersja, w której <mark> i <em> obejmują właściwe słowa i są poprawnie zamknięte, jest prawidłowa.