Treść książki
Przejdź do opcji czytnikaPrzejdź do nawigacjiPrzejdź do informacjiPrzejdź do stopki
14
Podstawytworzeniastroninternetowych
Rysunek5.Przykładelementu<nav>
opisujemyzapomocąstylówCSS.Zalistęwypunktowanąodpowiadaznacznik
<ul>,natomiastkażdypunktlistyokreślanyjestzapomocąznacznika<li>(rys.5).
Znacznik<aside>odpowiadazadodaniedostronytreści,któreniekoniecznie
musząbyćpowiązaneściśleztematykąnaszejwitryny.Mogątobyćreklamy,przypisy
lublinkinawigacyjne(rys.6).
Element<section>tosekcjadokumentuobejmującaokreślonączęśćtema-
tyczną.Zazwyczajelementtenzawieranagłówek.Dziękipodziałowitreścinasekcje
stronajestprzejrzystsza,acozatymidzie,owielełatwiejszawodbiorze.Czytając
treść,wktórejsąwyodrębnionepewnefragmenty,bezproblemuodnajdujemyna
stroniemiejsce,wktórymskończyliśmyczytać(rys.7).
Wsekcjachużytokolejnegoznacznika<p>.Służyondotworzenianowegoaka-
pitu.Akapitczęstomylniejestpostrzeganyjakowcięciewtekście.Przyprojektowa-
niustronakapitnależyrozumiećjakofragmenttekstu,zazwyczajobejmującykilka
wierszy.
Zauważmy,żenaraziestronaniedokońcaoddajeukład,jakizostałprzedsta-
wionynarysunku1.Abyposzczególneelementyzostałyułożonewokreślonych
miejscach,np.<aside>oraz<section>byłyustawionewjednymwierszu,mu-
simysformatowaćjezapomocąstylówCSS.Aktualnywyglądzatemniejestskut-
kiembłędnegoprojektowania,leczkwestiątego,żenaraziebudujemydopiero
strukturęHTML.
