Nagłówki (headings) <h1> do <h6>
Sekcje w dokumencie, podobnie jak w gazecie, rozpoczynają się od nagłówków (z ang. headings). Przy czym od razu ustanowiono sześć rodzajów nagłówków (które różnią się rozmiarem) i dlatego mamy znaczniki od h1 do h6. Domyślnie największą czcionkę ma nagłówek <h1>
, po czym rozmiar czcionki zmniejsza się sukcesywnie aż do najmniejszego <h6>
.
<h1>Nagłówek rozmiar pierwszego</h1>
<h2>Nagłówek rozmiar drugiego</h2>
<h3>Nagłówek rozmiar trzeciego</h3>
<h4>Nagłówek rozmiar czwartego</h4>
<h5>Nagłówek rozmiar piątego</h5>
<h6>Nagłówek rozmiar szóstego</h6>
Domyślnie największą czcionkę ma nagłówek <h1>
, po czym rozmiar czcionki zmniejsza się sukcesywnie aż do najmniejszego <h6>
(patrz ramka z kodem powyżej):

Rozmiary czcionki oddają także hierarchię ważności nagłówków. W kontekście SEO szczególnie ważny jest tekst zamknięty w nagłówku <h1>
(niech to będzie tekst zawierający ważne dla wyszukiwarki frazy). Nagłówki ładnie definiują sekcję artykułów – jesteśmy do tego przyzwyczajeni również z Worda, z gazet, z książek - stąd naturalnie mechanizm ten przenieśliśmy także do Internetu.
Co do zmian wyglądu nagłówków, to wszystko oczywiście odbywa się w CSS, a nie z użyciem atrybutów HTML. Pamiętajmy - nagłówek musi składać się z dwóch znaczników <h1></h1>
, gdyż musimy określić gdzie zaczyna się, a gdzie kończy jego tekst. Nagłówki dobrze współpracują z paragrafami, stanowiąc "podświadomie oczekiwany" szkielet artykułu.
Komentarze
Czy macie jakieś pytania, sugestie, uwagi? A może zauważyliście literówkę albo błąd? Dajcie koniecznie znać: kontakt@pasja-informatyki.pl. Dziękujemy za poświęcony czas - to dzięki Wam serwis staje się coraz lepszy!