Formatowanie treści#
Nagłówki#
<hx>treść nagłówka</hx>
gdzie:
x- to wartość liczbowa od 1 do 6, określa ona poziom nagłówka.treść nagłówka- nagłówki mogą być dowolnie długie (w przeciwieństwie do<title>), mogą składać się z wielu linii tekstu, należy jednak pamiętać, że długi tekst, który jest w jakiś sposób wyróżniony, może być nieczytelny.
Możliwe jest podanie atrybutu align="wartość" o następujących wartościach:
left- ustawienie domyślne, wyrównanie do lewego marginesuright- wyrównanie do prawego marginesucenter- wyśrodkowaniejustify- wyjustowanie (wyrównanie do obu marginesów jednocześnie)
Nagłówki (heading) zwane też tytułami, śródtytułami, sekcjami lub podsekcjami są podstawowymi elementami dzielącymi treść na logiczne części. Pełnią one analogiczną rolę, jak nagłówki w gazecie. W języku (X)HTML mamy do dyspozycji sześć poziomów tytułów, które można stosować hierarchicznie - tytuł stopnia drugiego, z punktu widzenia logiki treści, jest podrzędny w stosunku do tytułu stopnia pierwszego, a trzeci - w stosunku do drugiego.
Obecnie atrybut ALIGN jest zdeprecjonowany przez specyfikację HTML 4.01 - zaleca się stosowanie stylów.
Elementy objęte znacznikiem <hx> są oddzielone od pozostałych elementów strony liniami przerwy, zaś tekst jest powiększony i pogrubiony w zależności od rzędu zastosowanego tytułu. Co ważne, w nagłówkach nie wolno umieszczać elementów blokowych.
Termin "nagłówek" odnieść można do kilku funkcji: podział treści dokumentu, nagłówek w szkielecie dokumentu (element head) oraz nagłówki wysyłane przez serwer. Są to osobne zagadnienia i nie należy ich mylić ze sobą.
Garść przykładów obrazująca działanie poszczególnych poleceń:
Kod:
<h1>To jest tytuł pierwszego rzędu</h1>
<h2>To jest tytuł drugiego rzędu</h2>
<h3>To jest tytuł trzeciego rzędu</h3>
<h4>To jest tytuł czwartego rzędu</h4>
<h5>To jest tytuł piątego rzędu</h5>
<h6>To jest tytuł szóstego rzędu</h6>
<h5 style="text-align: right;">To jest tytuł piątego rzędu wyrównany do prawego marginesu</h5>
<h5 style="text-align: center;">To jest wyśrodkowany tytuł piątego rzędu</h5>Efekt (dodatkowe style pochodzą z ogólnego arkusza strony - czysty przykład można sprawdzić w Testerze kodu WWW):
To jest tytuł pierwszego rzędu
To jest tytuł drugiego rzędu
To jest tytuł trzeciego rzędu
To jest tytuł czwartego rzędu
To jest tytuł piątego rzędu
To jest tytuł szóstego rzędu
To jest tytuł piątego rzędu wyrównany do prawego marginesu
To jest wyśrodkowany tytuł piątego rzędu
Poprawna kolejność tytułów#
Nagłówki odgrywają ważną rolę w pozycjonowaniu strony, dlatego też należy umiejętnie z nich korzystać.
Dążymy do tego, aby tytuły na stronie były poukładane w odpowiedniej kolejności, odzwierciedlającej podział na działy, rozdziały, podrozdziały, punkty, podpunkty itd. Oznacza to, że każdy element h2 powinien być poprzedzony przynajmniej przez jeden element h1, h3 - przez h2, h4 - przez h3, h5 - przez h4, h6 - przez h5. W innym przypadku mielibyśmy do czynienia z sytuacją podobną do wykazu numerowanego np. od 1.1 zamiast od 1 albo z brakującymi podpunktami, tzn. jak gdyby nastąpiło "przeskoczenie" z punktu nr 1 od razu do 1.1.1 pomijając 1.1.
Numeracja nagłówków nie oznacza ich kolejności, ani ważności. Oznacza ich hierarchię.
Przykład poprawnego stosowania tytułów:
<h1>1. Dział</h1>
...
<h2>1.1. Rozdział</h2>
...
<h2>1.2. Rozdział</h3>
...
<h3>1.2.1. Podrozdział</h4>
...
<h3>1.2.2. Podrozdział</h4>
...
<h1>2. Dział</h5>
...