Treść książki
Przejdź do opcji czytnikaPrzejdź do nawigacjiPrzejdź do informacjiPrzejdź do stopki
HTML5istrukturadokumentu
13
Kiedyramydokumentusąjużokreślone,możnaprzystąpićdodefniowaniako-
lejnychelementów.Zacznijmyodznacznika<header>.Przedewszystkimnależy
pamiętać,że<head>oraz<header>to,mimoniecomylącejnazwy,dwaróżne
elementy.Comożemyumieścićwznaczniku<header>?Zazwyczajtakieelemen-
ty,jak:logo,motto,hasłoreklamowe,formularzwyszukiwania.Wartopamiętać,że
bardzoczęsto,będącwdowolnymmiejscuwitryny,chcemyszybkowrócićdostrony
głównej.Dlategoteż,jeśliwelemencie<header>wstawiamylogo,powinnoono
stanowićodnośnikdotejwłaśniestrony(rys.3).
Rysunek3.Przykładelementu<header>
Wprzedstawionymnarysunku3kodziezastosowanezostałyznaczniki:<a>,
<img>oraz<h1>.Pierwszyznichtokotwica.Wrazzatrybutemhreftworzyhiper-
łącze(odnośnik,link)dowskazanegodokumentuHTML.
Znacznik<img>służydoumieszczeniawdokumencieobrazu.Najistotniejsze
atrybutytorozmiaryorazalt,czylitekstalternatywny–wrazie,gdybyobrazniezostał
wczytany,pojawisięprzypisanadotegoatrybututreść.
Ostatniużytyznacznikto<h1>,czylinagłówekpoziomupierwszego.Takich
poziomówwjęzykuHTMLjestsześć,przyczym<h1>oznaczaczcionkęwnaj-
większymdopuszczalnymdlanagłówkówrozmiarze,natomiast<h6>odpowiadaza
najmniejszączcionkęnagłówka(rys.4).
Rysunek4.Przykładelementu<header>wprzeglądarceGoogleChrome
Kolejnyelementto<nav>.Jakmożnasiędomyśleć,wtejczęścistronyumiesz-
czamyodnośnikidoinnychstronlubdowyznaczonychfragmentówbieżącejstrony.
Załóżmy,żenaszawitrynaskładasięzczterechstron:głównej(czylidomyślnieindex.
html),onas,ofertyorazkontaktu.Doznacznika<nav>zatempowinniśmywstawić
czteryodnośniki.Najczęściejtworzymyznichlistęwypunktowaną,którąpóźniej
