Aby poprawnie zdefiniować hierarchiczną strukturę tekstu na stronie internetowej, należy zastosować:
Dobrze. Nagłówki
<h1>-<h6> budują hierarchię, a <p> niesie treść akapitów.Źle.
<frame> (przestarzały) dzielił okno na ramki, a <table> służy do tabel danych - to nie hierarchia treści.Źle.
<div> to uniwersalny pojemnik blokowy bez znaczenia semantycznego - nie buduje hierarchii tekstu.Źle.
<p> oznacza akapit; samo pogrubienie czy rozmiar tekstu nie tworzy struktury nagłówków.Hierarchię tekstu na stronie budują znaczniki nagłówków
<h1> do <h6>, gdzie <h1> to tytuł najważniejszy, a kolejne poziomy oznaczają sekcje i podsekcje. Przeglądarka, wyszukiwarki i czytniki ekranu odczytują z nich plan dokumentu, dlatego nagłówków używa się zgodnie ze znaczeniem, a nie dla samego wyglądu. Akapity <p> uzupełniają tę strukturę właściwą treścią. Taki układ poprawia czytelność, dostępność i pozycjonowanie strony - i właśnie dlatego poprawna odpowiedź łączy nagłówki z akapitem.Wszystkie wymienione znaczniki istnieją w HTML, ale tylko nagłówki naprawdę tworzą hierarchię treści.
<div> to neutralny pojemnik - grupuje elementy, lecz sam z siebie nic nie znaczy dla struktury. <frame> pochodzi z dawnego, wycofanego sposobu dzielenia okna na ramki, a <table> służy do prezentacji danych tabelarycznych, nie do organizacji tekstu. Akapit <p> z dodatkowym formatowaniem zmienia jedynie wygląd, ale nie ustala, co jest tytułem, a co podrozdziałem. Dopiero nagłówki <h1>-<h6> (w poprawnej odpowiedzi razem z akapitem <p>) wyznaczają kolejne poziomy ważności, które rozumieją przeglądarki, wyszukiwarki i technologie wspomagające.