En logisk sti er det, som du ser lige over overskriften på denne side. Da det også er en liste af links, kan vi lige så godt bruge det samme princip, som vi har brugt til menuerne, til at formatere denne liste. Html-koden til listen ser således ud:
<ol class="path"> <li><a href="/index.php"> Forsiden</a></li> <li><span>»</span> <a href="/navigation/"> Navigation</a></li> <li><span>»</span> <a href="/www/cssmenu/"> CSS menuer</a></li> <li><span>»</span> Den logiske sti</li> </ol>
Den dobbelte pil til højre er et anførselstegn (Right Angle Double
Quote). Det tegnes af html-tegnkoden » svarende
til »
Stylesheet'et, der formateret denne linie, er:
ol.path {
margin:0;padding:0;list-style:none;font-size:1em;}
ol.path li {
display:inline;}
ol.path li span {
font-size:1.15em;}
Bemærk, jeg bruger ol-markøren her, fordi det ikke er tilfældigt eller ligegyldigt, hvilket menupunkt der kommer først. Der er orden i listen, derfor bruger jeg den dertil indrettede markør.
Igen er fordelen ved denne metode at f.eks. en søgerobot tillægger listens links større betydning end dersom der havde været tale om et tekstafsnit.
På engelsk kaldes en logisk sti for ‘breadcrumbs” eller “breadcrumb trail” efter det spor af brødkrummer, man lægger ud for at få duer og andre fugle til at følge en bestemt rute.
Webdesign - illustreret håndbog
Webdesign med XHTML
– 2 gode bøger om webdesign
Køb dem hos forlaget Globe A/S