W HTML większość elementów składa się ze znacznika otwierającego, treści oraz znacznika zamykającego. Poprawne zamykanie znaczników jest podstawą tworzenia prawidłowej struktury dokumentu.
Przykład poprawnego elementu:
<p>To jest akapit.</p>
Znacznik <p> otwiera akapit, a </p> go zamyka. Ukośnik / w znaczniku zamykającym informuje przeglądarkę, że dany element się kończy.
Poprawne zagnieżdżanie
Jeżeli jeden element znajduje się wewnątrz drugiego, należy zamykać je w odwrotnej kolejności niż były otwierane.
Poprawnie:
<p>To jest <em>ważny</em> tekst.</p>
Niepoprawnie:
<p>To jest <em>ważny tekst.</p>
W drugim przykładzie znacznik <em> nie został zamknięty przed końcem akapitu.
Częsty błąd
Błędem jest zamknięcie innego znacznika niż ten, który został otwarty:
<p>Tekst <em>ważny</p>
Tutaj otwarto <em>, ale nie zamknięto go przez </em>.
Zasada do zapamiętania
Jeżeli kod wygląda tak:
<p><mark>tekst</mark> <em>ważny</em></p>
kolejność jest poprawna, bo każdy element ma swój znacznik zamykający i żaden element nie przecina się z innym.