Poziomy zagnieżdżenia bez pomijania

Poziomy nagłówków budują strukturę przypominającą zagnieżdżoną listę. Numery poziomów informują użytkowników, które sekcje zawierają się w innych — tak jak w planie wypracowania. 🌳

Po h2 sekcja podrzędna powinna używać h3, a nie h4. Zwiększanie poziomów o jeden krok naraz pomaga zachować spójną i łatwą do śledzenia strukturę.

Przejście bezpośrednio z h2 do h4 sugeruje brakujący h3. Struktura ma wtedy lukę, a użytkownicy zastanawiają się, co pominęli.

Możesz wrócić wyżej o dowolną liczbę poziomów. Po h4 powrót do h2 oznacza po prostu rozpoczęcie nowej sekcji najwyższego poziomu. To jest dozwolone.

Każdy krok w dół oznacza zawieranie się w nadrzędnej sekcji. Element h3 jest częścią znajdującego się nad nim h2, a nie jego elementem równorzędnym. Numer określa relację, a nie rozmiar.

Nigdy nie wybieraj h4 tylko dlatego, że chcesz uzyskać mniejszy tekst. Wybierz poziom wymagany przez strukturę, a następnie ustaw rozmiar za pomocą CSS.

Sekcje znajdujące się na tej samej głębokości mają ten sam poziom nagłówka. Trzy równorzędne podsekcje jednego tematu powinny być obok siebie elementami h3.

Pierwszy nagłówek sekcji to h2, umieszczony bezpośrednio pod jedynym h1. Struktura rozwija się w dół od tego jednego korzenia.

Większość stron kończy się na poziomie h3 lub h4. Jeśli często dochodzisz do h6, treść może wymagać podziału na prostsze i płytsze sekcje.

Nie dodawaj elementu h3 bez treści tylko po to, aby osiągnąć dany poziom. Każdy nagłówek powinien wprowadzać rzeczywistą treść znajdującą się poniżej.

Odczytaj nagłówki na głos, wypowiadając tylko ich numery. Płynny ciąg 1, 2, 3, 2, 3 jest poprawny, a nagłe przejście z 2 do 4 ujawnia pominięty poziom.

Dowiedziałeś się, że poziomy nagłówków należy zmniejszać po jednym kroku, nigdy nie pomijać poziomu podczas schodzenia w dół oraz wybierać je ze względu na hierarchię, a nie rozmiar. ✅