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):

Hierarchia i rozmiary nagłówków

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.

Zobacz także

Daj się zaskoczyć! Poniżej wylosowałem dla Ciebie pięć wpisów z innych kategorii blogowych aniżeli ta, którą właśnie przeglądasz:

Zamów książki o IT sec z kodem: pasja

Wprowadzenie do bezpieczeństwa IT tom 1
Wprowadzenie do bezpieczeństwa IT tom 2

Można już zamawiać dwa tomy książek "Wprowadzenie do bezpieczeństwa IT". Mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności! Zamówień można dokonywać tutaj:

Tom 1 Tom 2

Pomóż dzieciom

Polska Akcja Humanitarna od wielu lat dożywia dzieci. Proszę, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękuję!

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!

Kategorie wpisów

Bądź na bieżąco
Pasja informatyki