Jeden h1 na stronę: nazwanie głównego tematu
Nadaj każdej stronie jeden jasny nagłówek najwyższego poziomu
Jeden h1 na stronę: nazwanie głównego tematu to bezpłatna lekcja Web Accessibility Academy na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Web Accessibility Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Web Accessibility Academy zawiera 4 lekcji w sumie.
Tytuł strony, który słyszysz
h1 to główny nagłówek strony. Użytkownicy czytników ekranu często przechodzą do niego od razu, aby dowiedzieć się, czego naprawdę dotyczy strona. 🔎
Jeden główny temat
Strona dotyczy jednej głównej rzeczy, dlatego powinna mieć jeden element h1. Potraktuj go jak tytuł na okładce książki, a nie nagłówek rozdziału.
<h1>Your Order Summary</h1>h1 nie dotyczy rozmiaru
Wybieraj h1 ze względu na znaczenie, nigdy po to, aby tekst wyglądał na duży. Jeśli chcesz mniejszego tekstu, ostyluj go za pomocą CSS i zachowaj właściwy poziom nagłówka.
Nazywa, a nie zdobi
Dobry element h1 opisuje znajdującą się niżej treść. Samo przeczytanie h1 powinno w przybliżeniu powiedzieć użytkownikowi, co znajdzie na tej stronie.
Dopasuj go do tytułu karty
Element h1 powinien nawiązywać do tytułu karty przeglądarki. Gdy oba tytuły są zgodne, użytkownicy mają pewność, że trafili na właściwą stronę.
<title>Your Order Summary - Shop</title>
<h1>Your Order Summary</h1>Nie logo
Nazwa witryny w rogu zazwyczaj nie jest tematem strony. Element h1 powinien odnosić się do treści tej strony, a nie do logo marki. 🏷️
Dlaczego jeden, a nie wiele
Wiele znaczników h1 zaciera strukturę, więc użytkownicy nie potrafią odróżnić właściwego tematu od sekcji. Jeden wyraźny nagłówek najwyższego poziomu pomaga zachować spójność strony.
Gdzie go umieścić
Umieść element h1 wysoko w głównej treści, przed sekcjami, które wprowadza. Wyznacza on kontekst dla wszystkiego, co następuje później.
<main>
<h1>Annual Report 2025</h1>
<h2>Highlights</h2>
</main>Nigdy nie zaczynaj od h2
Rozpoczęcie strony od h2 pozostawia strukturę bez korzenia. Najpierw dodaj jedyny element h1 strony, a następnie zagnieżdżaj pod nim sekcje.
Zachowaj zgodność z treścią
Zapisz element h1 prostymi słowami, które zrozumie obca osoba. Pomijaj sprytne gry słów, które ukrywają prawdziwe przeznaczenie strony.
Pusty h1 to pułapka
Element h1, który zawiera wyłącznie obraz lub ikonę, może zostać odczytany jako pusty. Dodaj do niego prawdziwy tekst, nawet jeśli ukryjesz go wizualnie.
Szybkie sprawdzenie
Ile elementów h1 powinna mieć typowa strona?
Podsumowanie
Dowiedziałeś się, że element h1 nazywa jeden główny temat strony, znajduje się wysoko w treści i jest wybierany ze względu na znaczenie, a nie rozmiar. Jedna strona, jeden h1. ✅
Ucz się HTML dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 30
- Lekcje
- 120
Często zadawane pytania
Czy lekcja „Jeden h1 na stronę: nazwanie głównego tematu” jest bezpłatna?
Tak — pełny tekst „Jeden h1 na stronę: nazwanie głównego tematu” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Web Accessibility Academy, przejdź na CoddyKit PRO. Kurs Web Accessibility Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Jeden h1 na stronę: nazwanie głównego tematu”?
Nadaj każdej stronie jeden jasny nagłówek najwyższego poziomu Ćwiczysz Web Accessibility Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Web Accessibility Academy?
Nie wymagamy żadnego doświadczenia. Web Accessibility Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.
Ile czasu zajmuje lekcja „Jeden h1 na stronę: nazwanie głównego tematu”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Web Accessibility Academy?
Tak. Każda lekcja Web Accessibility Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Jeden h1 na stronę: nazwanie głównego tematu
- Poziomy zagnieżdżenia bez pomijania
- Nagłówki służą do nawigacji, nie tylko do wyświetlania dużego tekstu
- Audytowanie konspektu strony ze słuchu