A webhely horgonya nagyon hasznos, ha azt szeretné, hogy a webhelyén található cikkek kényelmes átmenet legyen a listaelemek között. Megfordítják az oldalt a kívánt pontra, vagy megnyitják a kívánt oldalt, segítve a felhasználót a szükséges információk gyors megtalálásában.
Ha saját webhelyet ír, akkor el kellett gondolkodnia azon, hogyan lehet a webhelyen történő navigációt kényelmesebbé tenni. Annak érdekében, hogy a felhasználónak ne kelljen keresnie a szükséges információkat a webhely összes oldala között, a legjobb, ha a "horgony" technikát használja. Ez egy linket hoz létre az Ön webhelyén bárhol található információkhoz vagy dokumentumokhoz.
Elmélet
A horgony létrehozásához két elemre van szükség:
- A kód azon része, amely a horgonyunkra mutató linket jelzi, a webhely másik részén maradt.
- A kód bármely része, amelyben azonosító adható meg, a horgonyunk.
Először létre kell hoznia a horgony első részét - egy linket hozzá. A horgony linknek két része van: egy oldal link és egy horgony link.
- Hozzon létre egy "a" vagy bármely más címkét, amely támogatja a "href" attribútumot
- Ebben a címkében hozza létre a "href" attribútumot
- Adjon meg egy linket a webhely oldalára az attribútum értékében.
- A link után jelezze a horgonyhoz vezető linket a "#" szimbólummal és a horgony bármilyen nevével (együtt írva, például: "#anchor")
Ha kihagyja a 3. pontot, és nem ad meg hivatkozást a webhely oldalára, akkor a horgonyt az aktuális oldalon keresi. Vagyis ha hivatkozást szeretne létrehozni egy ugyanazon az oldalon található horgonyra, akkor kihagyhatja magának az oldalnak a linkjét.
Marad a horgony második részének - az azonosítónak - a létrehozása. A webhelykód bármely olyan címkéjére utal, amely támogatja az id attribútumot. Horgony létrehozásához a következőkre van szükség:
- Hozzon létre egy "id" attribútumot a szükséges címkében.
- Az "id" attribútumban adja meg az előző lépésben megadott horgonynév értékét. (példa:)
E két lépés után egy link jelenik meg a webhelyen, amely a megadott horgonyhoz vezet.
Gyakorlat
Vizsgáljuk meg, hogyan lehet horgonyt létrehozni egy adott példa segítségével.
Van egy ilyen egyszerű oldalunk:
Az oldal tetején és alján van szöveg, sok "br" címke, amely teret enged a szövegek között. Létre kell hoznunk egy horgonyt, hogy gyorsan megnézhessük az alján lévő szöveget.
Ehhez hozzon létre egy új címkét - "a" a "szöveg tetején" felirat után. Ebben létrehozzuk a "href" attribútumot. A horgony kényelmesebbé tétele érdekében a linkre "leírjuk".
Most megadjuk az "#yakor" értéket az attribútumban - ez egy link lesz a horgony nevéhez.
A horgony első része - a hozzá vezető link - készen áll. Most már csak a horgony megalkotása van hátra. Átmegyünk az oldal kívánt részére. Ebben az esetben "szöveg alul". Mivel ez egyszerű szöveg címke nélkül, létre kell hoznunk. Ehhez csatolja a szöveget egy "bekezdés" - "p" címkébe.
Ebben a címkében létrehozzuk az "id" attribútumot, és beírjuk a "yakor" értéket. A "yakor" érték megegyezik a linkben megadott horgony nevével.
Most horgonyunk úgy működik, ahogy kellene.
