HTML inkarai: kaip susieti nuorodas su elementais ir div'ais

HTML inkarai

Inkarai (angl. anchors) jau seniai naudojami, norint susieti nuorodas su konkrečiais tinklalapio dalimis. Inkaras susideda iš hipersaito, sukurtų <a> žymų, ir elemento – pavyzdžiui, antraštės, pastraipos, paveikslėlio ar <div> – kuriame yra id atributas. Kiekvienas elementas su id gali būti naudojamas kaip inkaras.

Kaip veikia HTML inkarai

HTML inkaras naudoja <a> žymas, kad susietų nuorodą su elemento name arba id atributu. Nors anksčiau buvo naudojamas name, šiuolaikinėje praktikoje rekomenduojama naudoti id, nes name jau yra pasenęs (deprecated) nuo HTML 4.

Inkarų panaudojimo galimybės

Inkarai ypač naudingi puslapiuose, kuriuose gausu teksto ir daugybė skyrių su potemomis. Galite sukurti turinio lentelę – nuorodų sąrašą, kuriame kiekviena nuoroda nukreipia į atitinkamą antraštę arba div pagal jo id. Kita populiari praktika – „šokamoji“ nuoroda, kuri grąžina lankytoją į puslapio viršų, taip sumažinant slinkimo poreikį. Be to, galite nukreipti vartotoją į konkrečią kito puslapio dalį.

Kaip „inkaruoti“ div

Pridėjus id atributą prie div, į jį galima nuoroduoti naudojant <a href="#id"> žymas. Tokiu būdu id tampa prieinamas ne tik nuorodoms, bet ir CSS bei JavaScript kodui.

Nuorodos į div inkarą

Norint sukurti nuorodą į inkaruotą elementą, href atributo reikšmė turi būti #id (pavyzdžiui, <a href="#mano_turinys">Eiti į turinį</a>). Ši nuoroda veiks, jei tikslinis elementas yra tame pačiame puslapyje. Jei norite nukreipti į kitą puslapį ir tuo pačiu pasikeisti į tam tikrą inkarą, naudokite pilną kelią, pvz., kitas-puslapis.html#mano_turinys.