HTML alapok – navigáció

Mivel a  TANANYAGOK/HTML alapok oldal egy teljes leckét felölelő terjedelmű, ezért ezen az oldalon is csapágyasra lehetne koptatni az egérgörgőt. Emelett még nehézkes lenne megtalálni a fontosabb fejezeteket rajta, ezért itt (is – és szerintem majd más hasonló oldalamon is) anchorokat azaz oldalon belüli hivatkozásokat alkalmaztam.

Remekül használható, ha például az oldal elején egy tartalomjegyzéket akarunk létrehozni, és azt akarjuk, hogy a menüpontra kattintva az olvasó gépe automatikusan az adott témához kerüljön.
Használata során két dogot kell tennünk, egyrészt kijelölni egy pontot az oldalon (névvel ellátva, melynek az oldalon belül egyedinek kell lennie), másrészt kijelölni azt a részt, melyre kettintva az olvasó ide jut.
A képen is látható, táblázat két cellájában listákba szervezett linkek találhatók. Itt adom meg hogy hová navigáljon az oldalon. Az egyedi azonosítók a kettőskereszt után zárójelben találhatók.
Az egyes fö fejezetek azonosítását az oldalon a H1 tagnak adott id azonosítókkal oldottam meg:

Végül hogy még könnyebb legyen az oldalon a navigáció, minden fejezet végére tettem egy a lap tetejére navigáló horgonyt is. Így nagyon  könnyen lehet ugrálni a lap tetején található “tartalomjegyzék” és a tartalom között.

 

Vélemény, hozzászólás?

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük