Zmiana formatowania nagłówków H1, H2...

Jeśli masz stronę, na której artykuły są pisane stosunkowo małą czcionką zapewne nie korzystasz ze standardowego nagłówka <h1>tekst nagłówka</h1>. Dobrze wiesz, że użycie go dałoby dość brzydki efekt. Nie musisz jednak rezygnować zupełnie z nagłówków.

Zbyt duże nagłówki

Gdy rozpoczynałem budowę www.ReklamaStron.pl i zmniejszyłem czcionkę stosowaną do treści artykułów różnica w wielkości czcionki nagłówka oraz tekstu artykułu mogła razić odwiedzających a nawet zniechęcić ich do przeglądania strony. Zbyt duże litery w nagłówkach w połączeniu z ogromnymi odstępami zupełnie nie pasowały do strony. Na początku swojej przygody z tworzeniem stron zapewne zrezygnowałbym z nagłówków a najważniejsze zdania wyróżniłbym inaczej. Teraz jednak wiem już, że nagłówki są ważne także ze względu na wyszukiwarki, które tekst umieszczony pomiędzy znacznikami <h1> i </h1> traktują jako szczególnie istotny (o tym w innym artykule).

Formatowanie nagłówków

Na szczęście jest dość proste rozwiązanie: wielkość nagłówków można modyfikować dopasowując ją do własnej strony. Wystarczy, że w kodzie strony umieścisz fragment definujący rozmiar czcionki, kolor, odstępy i inne parametry nagłówka a domyślne ustawienia przestaną być używane i strona zacznie wyglądać tak jak Ty tego chcesz.

Przykład

Zmian dokonujemy dodając w pliku zawierającym style CSS fragment definiujący wszystkie parametry danego nagłówka zgodnie z naszymi potrzebami i oczekiwaniami. Na przykład dodanie następujących linii:

Kod:

sprawi, że w nagłówkach oznaczanych przez H1 rozmiar czcionki oraz odstępy nad i pod tekstem nagłówka wyniosą 10 a tekst nagłówka zostanie wyświetlony w kolorze czarnym przy wykorzystaniu jednej z najczęściej spotykanych czcionek.

Podobnie można oczywiście modyfikować inne nagłówki sprawiając nawet, że wyróżnione ciągi znaków nie będą się praktycznie różnić od innych występujących obok wyrazów nie będących nagłówkami.